Giter Club home page Giter Club logo

w-k50 / fullstack-foodies-1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from thilaksamplegithub/fullstack-foodies-1

0.0 0.0 0.0 2.29 MB

Architected Foodies Paradise, an innovative e-commerce platform set to redefine online grocery shopping. Designed a user-friendly interface for seamless navigation, facilitating easy exploration of an extensive product range. Streamlined the shopping experience, allowing users to effortlessly add items to their cart and relish doorstep convenience.

Home Page: https://foodiesparadisefrontend.vercel.app/

JavaScript 87.72% CSS 10.35% HTML 1.93%

fullstack-foodies-1's Introduction

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. 🚀🎯

foodies-paradise-logo

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 Screenshot (52)

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⬇️

Screenshot (50)

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

Screenshot (51)

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

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 🥳🥳🥳

Screenshot (55) Screenshot (56)

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

Screenshot (48) Screenshot (49)

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

fullstack-foodies-1's People

Contributors

thilaksamplegithub avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.