Skip to content

OmPreetham/3-column-preview-card-component

Repository files navigation

3 Column Preview Card Component

This project is a simple implementation of a 3-column preview card component using Vite and React. It's designed to showcase three cards side by side, each containing an image, title, and description. A challenge by Frontend Mentor.

Preview

Technologies Used

  • Vite: A build tool that aims to provide a faster and leaner development experience for modern web projects.
  • React: A JavaScript library for building user interfaces.

Installation

  1. Clone this repository to your local machine using the following command:

git clone https://github.com/OmPreetham/3-column-preview-card-component.git

  1. Navigate into the project directory:

cd 3-column-preview-card-component

  1. Install dependencies using npm:

npm install

Usage

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.

Build

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.

Build

To build the project for production, use the following command:

This will create an optimized build of the project in the dist directory.

Additional Information

  • 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.

License

This project is licensed under the MIT License.