Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ayahany0/freshcart

This eCommerce platform delivers a seamless and interactive shopping experience with features like user authentication, product browsing, cart and wishlist management, and secure checkout. Designed for ease of use, it combines smooth navigation with engaging animations, making online shopping enjoyable and efficient.
https://github.com/ayahany0/freshcart

axios context-api css formik html js react-router reacticons reactquery reactsjs tailwindcss yup

Last synced: 1 day ago
JSON representation

This eCommerce platform delivers a seamless and interactive shopping experience with features like user authentication, product browsing, cart and wishlist management, and secure checkout. Designed for ease of use, it combines smooth navigation with engaging animations, making online shopping enjoyable and efficient.

Awesome Lists containing this project

README 

        
# Ecommerce FreshCart



This is the frontend for an eCommerce platform built with React, utilizing various libraries and technologies to provide a seamless user experience.



# Features



- User Authentication: Register, log in, and log out using JWT tokens.

- Form Handling: Manage form states with Formik and Yup for validation.

- Product Management: View, add to cart, remove, and clear cart items; manage a wishlist with add and remove functionalities.

- Categories & Brands: Browse products by categories and brands.

- Checkout: Complete orders with options for online payment or cash on delivery.

- Order Display: View order details after payment.

- Password Management: Support for password reset and forget password functionality.

- Sound Effects: Fun sound effects for key actions like adding/removing items from the cart or wishlist, checkout, and after payment.

- API Integration: Interact with backend services using Axios.

- Routing: Navigate through the app using React Router with protected routes for secure pages.

- UI Enhancements: Animate elements with Framer Motion, use React Slick for carousels, and enhance the UI with React Icons and React Helmet.

- Notifications: Display alerts and messages using Toastify.



# Libraries and Technologies



- React - JavaScript library for building user interfaces.

- Formik - Form state management in React.

- Yup - Schema validation for form inputs.

- Axios - HTTP client for making API requests.

- React Router - Routing library for navigation.

- jwt-decode - Decode JWT tokens.

- React Helmet - Manage document head for SEO.

- React Query - Manage server state and API data fetching with ease.

- Toastify - Notification system.

- React Icons - Icon library.

- Framer Motion - Animation library.

- React Slick - Carousel component.

- Context API - Manage global state.

- Protected Routes - Restrict access to certain parts of the application.



# Purpose



The purpose of this project is to build a dynamic and responsive eCommerce frontend application that provides users with a seamless online shopping experience. It integrates essential features such as user authentication, product browsing, cart and wishlist management, secure checkout processes, and order tracking. The project aims to create a user-friendly interface with intuitive navigation and real-time interactions, utilizing modern web technologies and libraries to ensure high performance, security, and scalability.



By incorporating animations, sound effects, and robust API interactions, the project not only enhances user engagement but also delivers a polished, professional online retail platform that can be adapted or extended for various business needs. This frontend serves as a crucial component of the overall eCommerce solution, designed to handle everything from user input to visual presentation, all while communicating effectively with the backend services.