This project is a solution to the Intro Section with Dropdown Navigation challenge on Frontend Mentor.
- Responsive design for various screen sizes.
- Form validation to ensure the correctness of entered information.
- Dynamic formatting of the credit card number input.
- Interactive animations to provide feedback to the user.
- BEM (Block Element Modifier) naming convention for CSS classes.
- Built with React for dynamic UI rendering.
- Utilizes SCSS for styling.
- React
- SCSS (Sass)
- Vite (Frontend build tool)
- HTML
- JavaScript
Desktop
Mobile
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
Make sure you have Node.js and npm (or yarn) installed on your machine.
-
Clone this repository to your local machine using the following command:
git clone https://github.com/OmPreetham/intro-section-with-dropdown-navigation.git -
Navigate into the project directory:
cd intro-section-with-dropdown-navigation -
Install dependencies using npm:
npm install
To run the project, use the following command:
npm run dev
This will start a development server and open the project in your default web browser. Any changes you make to the source code will be hot-reloaded, meaning you can see the updates in real-time.
To build the project for production, use the following command:
npm run build
This will start a development server and open the project in your default web browser. Any changes you make to the source code will be hot-reloaded, meaning you can see the updates in real-time.
To build the project for production, use the following command:
This will create an optimized build of the project in the dist directory.
- This project was scaffolded using Vite, a blazing fast frontend build tool.
- It uses React for building the user interface.
- Feel free to customize the project according to your needs.
This project is licensed under the MIT License.