Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abhishek-sanwal/e-commerce_project

A Ecommerce project built using Vite + ReactJS + Tailwind CSS
https://github.com/abhishek-sanwal/e-commerce_project

css ecommerce-application es-6 javascript reactjs tailwindcss

Last synced: 8 days ago
JSON representation

A Ecommerce project built using Vite + ReactJS + Tailwind CSS

Awesome Lists containing this project

README 

        
 E-commerce Platform 🚀🚀



---



### What We are 😊



- Forever, an eCommerce platform offers a wide selection of products with convenient filtering options.

- This website is designed for a smooth and enjoyable shopping experience, with modern web technologies powering the interface.



---



### Features😍



###### 🏠 Home Page: The home page consists of multiple components, each contributing to a dynamic and engaging user experience:



###### 🎉 : A large banner section with promotional images and deals.



###### 🛍️ : Highlights the most recent product additions to the store.



###### 🌟 : Showcases the best-selling products for quick access to popular items.



###### ✅ : Displays the store's policies:



###### 🔄 Easy Exchange Policy: Customers can exchange products hassle-free.



###### 🔙 7-Day Return Policy: Customers can return products within 7 days if they are unsatisfied.



###### 🚚 Free Shipping: Free delivery on all orders over a certain amount.



###### ✉️ : Allows users to subscribe to the newsletter for the latest updates and offers.



###### 🔍 Search Functionality: Quickly find products with a fast and responsive search bar.



###### 🛍️ Product Collections: Browse a vast array of products, organized into easily navigable categories.



###### 🗂️ Category Filters: Easily filter products based on categories like:



- 👔 Men

- 👗 Women

- 👶 Kids

- 👕 Sub-categories: Narrow down your search with sub-categories for better product discovery:



- Top Wear (e.g., T-shirts, shirts)

- Bottom Wear (e.g., pants, shorts)

- Winter Wear (e.g., jackets, sweaters)



###### 🛒 Shopping Cart: Add products to your cart and seamlessly manage your purchases.



###### 💳 Payment Checkout System: Secure and user-friendly payment process.



###### 📱 Responsive Design: Optimized for mobile, tablet, and desktop devices.



---



### Technologies🧑‍💻






- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) [![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=000)](#)



- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Context-API](https://img.shields.io/badge/Context--Api-000000?style=for-the-badge&logo=react) ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)



- [![npm](https://img.shields.io/badge/npm-CB3837?logo=npm&logoColor=fff)](#) [![Visual Studio Code](https://custom-icon-badges.demolab.com/badge/Visual%20Studio%20Code-0078d7.svg?logo=vsc&logoColor=white)](#) [![Git](https://img.shields.io/badge/Git-F05032?logo=git&logoColor=fff)](#) [![Vite](https://img.shields.io/badge/Vite-646CFF?logo=vite&logoColor=fff)](#)






---



### Deployment [![Netlify](https://img.shields.io/badge/Netlify-%23000000.svg?logo=netlify&logoColor=#00C7B7)](#)



#### [Enhance your shopping experience now 🚀🚀](https://abhishek-sanwal-e-commerce.netlify.app/)



[![Website](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://shields.io/)



---



### Product Screenshots



- ###### HomePage



![SS-1](/ss/ss-2.png)

![SS-2](/ss/ss-3.png)



---



- ###### Collections page



![SS-1](/ss/collections-2.png)



![SS-2](/ss/collections-3.png)



![SS-3](/ss/collections-4.png)



---



- ###### Product page



![SS-1](/ss/product.png)



---



- ###### Cart Page



![SS-1](/ss/cart.png)



---



- ###### Orders page



![SS-2](/ss/orders.png)



---



###### About page



![SS-2](/ss/about.png)



---



- ###### Contact page



![SS-2](/ss/contact.png)



---



- ###### Login and sign up page



![Ss-2](/ss/login.png)







![SS-2](/ss/signup.png)



---



### Upcoming Features:



- Sellers Console to manage shipping and orders.

- Enhancement and optimization of ui performance.

- Backend integration with apis for more functionality.



---