Code Monkey home page Code Monkey logo

ebuy-e-commerce-node-backend-project-1's Introduction


EBuy

MERN Stack e-commerce web application
Live Demo »

Server side documentation | Client side documentation

Ebuy is a cutting-edge ecommerce platform built on the MERN (MongoDB, Express.js, React.js, Node.js) stack. It offers an unparalleled shopping experience with a wide range of products to choose from. Whether you're searching for trendy fashion items, the latest gadgets, or home essentials, Ebuy has it all.With a sleek and user-friendly interface, Ebuy ensures seamless navigation and effortless browsing through its extensive product catalog. Discover top-rated products, read detailed descriptions, and explore high-resolution images that bring every item to life.

Project Banner

Tech Stack

This project leverages the MERN stack, integrating MongoDB, Express.js, React.js, and Node.js, for a seamless and powerful full-stack web development experience.

Stars Badge Forks Badge Pull Requests Badge Issues Badge GitHub contributors License Badge

File Tree

- Project
  ├── Frontend
  │   ├── Frontend (React App)  # New updated version made with React, Chakra UI, Redux, etc.
  │   │   ├── src
  │   │   │   ├── assets
  │   │   │   │   └── images
  │   │   │   ├── components
  │   │   │   ├── configs
  │   │   │   ├── containers
  │   │   │   ├── pages
  │   │   │   │   ├── cart-payment
  │   │   │   │   └── login&signup
  │   │   │   ├── store
  │   │   │   └── utils
  │   ├── Frontend (old version)  # Old version made with HTML, CSS, and JS
  │   │   ├── HTML Pages (*.html)
  │   │   ├── Images
  │   │   ├── JavaScript Scripts (*.js)
  │   │   ├── Cart Scripts (*.js)
  │   │   ├── CSS Styles (*.css)
  │   │   └── Cart Styles (*.css)
  ├── Backend
  │   ├── New_Version
  │   │   ├── config
  │   │   ├── middlewares
  │   │   ├── models
  │   │   ├── routes
  │   │   ├── views
  │   │   ├── .env
  │   │   ├── .gitignore
  │   │   ├── app.js
  │   │   ├── package.json
  │   │   └── README.md
  │   └── Old_Version
  └── README.md
Home page Login page
Login Page Signup Page
cart page Product page
products page cart page

Acknowledgements

I used the following libraries and resources in the development of this project, and I would like to acknowledge their contributions.

Chakra UI | Chakra UI

ebuy-e-commerce-node-backend-project-1's People

Contributors

anandhupa1 avatar

Stargazers

avatar avatar avatar

Watchers

avatar

Forkers

nextthread

ebuy-e-commerce-node-backend-project-1's Issues

Day-1_Frontend

  • Basic setup
  • Make body of login , register
  • Make basic body of home page, product page etc.

Day-6_Admin Page

  • Show payment success or failure.
  • confirm all the functionalities.
  • double check everything .

Day4-Frontend

  • Cart page UI .
  • Cart page count increase and decrease functionality / vanilla Javascript .
  • Cart page count increase and decrease functionality / vanilla Javascript .
  • Cart page discount and total price functionality / vanilla Javascript .
  • cart page fetch data from backend functionilty.
  • cart page update price and count button fucntionality and linking with backend by patch method.
  • cart page double checking all the fucntionalities and linking shipping / payment page.

Day-3_Admin_Page

  • Product insert UI.
  • Product add functionality.
  • Show products UI.
  • Show Products functionality / vanilla Javascript .
  • Add products UI.
  • Add Products functionality / vanilla Javascript .
  • Delete product UI
  • Delete Product functionality / vanilla Javascript .
  • Update products UI
  • Update Product functionality / vanilla Javascript .

Day-2_ Frontend

  • Google Authentication try/setup
  • Login page UI
  • Sign Up page UI
  • Login page functionality / vanilla Javascript
  • Signup functionality / vanilla Javascript

Day-1_Admin

  • Basic setup.
  • Make a body of admin dashboard.
  • Decide the functionality / pages and structure.

Day-5_Backend

  • Take the address of user.
  • Check availability of item/stock.

Day-3_Backend

  • Home route.
  • Product Schema .
  • Get products : with pagination for Frontend and Admin pages.
  • Add products API creation for Admin page.
  • Delete product API creation for Admin Page.
  • Patch Product details API for Admin page.

Day-2_Admin Page

  • Admin authorization double check.
  • Admin login
  • Admin signUp
  • Show user details

Day-4_Backend

  • Cart API with count .
  • Add payment calculator.
  • Add all other functionalities in cart .

Day-3_Frontend

  • Home page UI
  • Product page UI
  • Home page / functionality / vanilla Javascript .
  • Product page Javascript functionality

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.