Welcome to the Fresh Cart E-commerce Frontend Project! This repository contains the frontend codebase for an innovative and user-friendly online shopping platform called Fresh Cart. With a focus on simplicity, efficiency, and an exceptional user experience, Fresh Cart aims to revolutionize the way users shop for their favorite products. It is a React JS-powered project that allows users to shop for products in an intuitive and user-friendly interface. The project harnesses the power of Context API for efficient state management, enabling users to browse through the home page, filter by categories, search for products, add items to the cart, and more - all in real-time.
-
User Authentication: Users can create accounts, log in securely, and manage their profiles, which include personal information and order history.
-
Product Browsing: Browse through a vast collection of products conveniently categorized for easy navigation. Users can search, filter, and sort products based on their preferences.
-
Product Details: Get comprehensive information about each product, including images, descriptions, prices, and customer reviews.
-
Shopping Cart: Users can add products to their cart, review the items, adjust quantities, and proceed to checkout.
-
Responsive Design: The front end is designed to provide a consistent and enjoyable experience across various devices, including desktops, tablets, and smartphones.
-
Checkout Process: Users can securely complete their purchases by providing shipping information, selecting payment methods, and reviewing order summaries.
-
Order Tracking: Customers can track the status of their orders in real-time, from processing to shipping and delivery.
- HTML
- CSS
- JavaScript
- Bootstrap
- ReactJs
- react-hot-toast
- react-helmet
- react-router-dom
- react-loader-spinner
- react-responsive-pagination
- jwt-decode
- react-detect-offline
- formik
- yup
https://documenter.getpostman.com/view/5709532/2s93JqTRWN
To get started with the Fresh Cart frontend project, follow these steps:
- Clone the Repository: Clone this repository to your local machine using the following command:
git clone https://github.com/Dragon-H22/Fresh-Cart.git- Install Dependencies: Navigate to the project directory and install the required dependencies using your preferred package manager:
cd Fresh-Cart
npm run getpackages- Run the Application: Start the development server to run the application locally:
npm start- Access the Application: Open your web browser and visit
http://localhost:3000to see the Fresh Cart frontend in action.
I'm excited to hear your feedback and discuss potential collaborations in this ever-evolving field.
