Learn Magic

This is a web development project that showcases a responsive and modern design for a fictional company called Magic. It has a dynamic and interactive landing page that features a hero image, a navigation bar, a library section, and a testimonial section. You can see a live demo of the app here

Technologies

This project is built with vite and uses the following technologies:

• HTML for the structure and content of the website
• SCSS for the styling and layout of the website
• TypeScript for the logic and functionality of the website
• Vite for module bundler
• Netlify for deployment

Installation

To run the project locally, you need to have Node.js installed on your machine.

• Clone the project repository:

git clone https://github.com/itsmacr8/magic-landing-page.git

• Navigate to the project directory

cd magic-landing-page

• Install the dependencies:

npm install

Usage

To start the development server, run the following command. This will open the web application in your default browser at http://localhost:5173/

npm run dev

To build the production bundle, run the following command. This will create a dist folder with the minified and optimized files for deployment.

npm run build

To preview the project for production, run the following command and to preview the website open http://localhost:4173/

npm run preview

License

This project is licensed under the MIT License. See the LICENSE file for more details.