Quick-Cart is a sleek and modern shopping app built with React. It allows users to browse various products, add items to their cart, and filter products based on categories like mobile, laptop, and tablet. The app provides a seamless shopping experience with an intuitive UI and responsive design.
- Homepage: View a list of available products with key details like name, price, and category.
- Product Page: Detailed information about individual products.
- Cart Functionality: Add products to the cart, view them in the cart, and manage quantities.
- Category Filters: Easily filter products by categories (Mobile, Laptop, Tablet).
- Responsive Design: Fully responsive UI built with Tailwind CSS for an optimized experience across devices.
- Dynamic Routing: Navigation using
react-router-domfor a single-page application (SPA) experience. - Icons: Integrated
react-iconsfor visually appealing icons throughout the app.
- React: For building a dynamic, component-based UI.
- React Router DOM: For managing navigation and routing within the app.
- Tailwind CSS: For crafting responsive and modern styling.
- React Icons: For beautiful and reusable icons.
Follow these instructions to set up and run the project locally.
Make sure you have the following installed:
- Clone the repository:
git clone https://github.com/VikasSaxena2204/Quick-Cart.git cd Quick-Cart - Install dependencies and Start the development server:
npm install npm start
- Open your browser and navigate to http://localhost:3000.
- Homepage: Displays a list of products.
- Product Page: Allows users to view detailed product information.
- Cart: Enables users to add/remove items and manage cart content.
- Filters: Helps users sort products by category.
- Vikas Saxena
- GitHub: VikasSaxena2204
- LinkedIn: linkedin.com/in/2204-vikas-saxena
- Portfolio: my-portfolio-vikas.vercel.app
This project is licensed under the MIT License - see the LICENSE file for details.
If you like this project, don't forget to give it a ⭐ on GitHub!
