Foodies Paradise

Welcome to our GitHub repository! Here, you'll find the code for our innovative groceries e-commerce website, Foodies Paradise designed to provide a seamless and convenient shopping experience for all your grocery needs. Join us as we revolutionize the way you shop for groceries online. 🚀🎯

Overview

This project is a e-commerce website for grocery shopping,It allows users to create accounts, buy and leave feedback for transactions. The website features various categories for products of food and more.

Features

• Secure user authentication and authorization
• User profiles for buying products
• Categories for organizing products
• Listing creation for including descriptions, images, and pricing on admin page
• Checkout process for buyers to purchase products
• Sort by Price
• Filter by categories
• Multiple filters functionality
• Add to Cart | Delete from Cart | Proceed to checkout
• payment, checkout functionality
• Admin side full Crud operation we have done

Technologies Used

• HTML
• CSS
• Javascript
• React
• Redux
• Chakra UI
• Material UI
• React Router

Folder Structure

• /src: Contains the source code for the React application
• /components: Reusable UI components
• /pages: Individual pages of the website
• /redux: Redux actions, reducers, and store configuration
• /styles: Global styles and theme configuration
• /public: Static assets and index.html file

Deployment

The project is deployed and accessible at https://649019f994a8663fb7b93867--sprightly-lolly-ea509d.netlify.app/.

Demo

• Landing Page

GUIDE : ⬇️ If you click on shop by categories, you can able to see the following Interface and here are all different functionalities you can sort by price and you can choose vegetable and all different functionalities are on this page

GUIDE : ⬇️If you click on any product You can see the below page⬇️

GUIDE : ⬇️When you click on cart you will be redirected to Login Page only if you are not Logged in ⬇️

GUIDE : If you click on add to Cart You can see the below alert and item will be added to Cart

GUIDE : ⬇️ After Logged in you can see the below interface for Payments details ⬇️ Here you can fill all the details and after clicking on place order you order will be placed successfully 🥳🥳🥳

Admin side(Crud) GUIDE : click on admin button then it will redirected to login then by filling credential it will be shown

Getting Started

To get started with the project, follow these steps:

1. Clone the repository
2. Install dependencies using npm install
3. Open the application in your browser at http://localhost:3000

Our Contributers

1.Ankit kumar
2.Devnandan Raj Sharma
3.Satya Indra Dev
4.Thakur Thilak

Contributing

Contributions to the project are welcome! To contribute, follow these steps:

1. Fork the repository
2. Create a new branch for your changes
3. Make your changes and commit them
4. Push your changes to your fork
5. Create a pull request