This project is a solution to the Profile Card Component challenge from Frontend Mentor, built with Vite + React.
The challenge was to build a profile card component and make it as close to the design as possible. The design includes a profile picture, user name and social media counts. The challenge provides a design file for both desktop and mobile views.
- Responsive design that works well on both desktop and mobile screens.
- Dynamic rendering of profile information.
- Utilizes modern React and Vite for efficient development and production build.
- Clone this repository to your local machine using the following command:
git clone https://github.com/OmPreetham/profile-card-component.git
- Navigate into the project directory:
cd profile-card-component
- 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.