Git Product home page Git Product logo

irfanshaikh-7 / complete-fullstack-ecommerce-responsive-mern-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from souvikparua/complete-fullstack-ecommerce-responsive-mern-app

0.0 0.0 0.0 20.58 MB

A COMPLETE Fullstack ecommerce Responsive MERN App using React, Redux, Nodejs, and MongoDB. A working ecommerce site from scratch, using React, Redux, Nodejs, and MongoDB.

License: GNU General Public License v3.0

JavaScript 93.89% CSS 1.21% HTML 4.90%

complete-fullstack-ecommerce-responsive-mern-app's Introduction

Fullstack Ecommerce Responsive MERN App

This repository contains the complete source code for building a Fullstack Ecommerce Responsive MERN (MongoDB, Express, React, Node.js) App. The application is a working ecommerce site developed from scratch, utilizing React for the frontend, Redux for state management, Node.js for the backend, and MongoDB as the database.

Features

  • Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across various devices and screen sizes. Tailwind CSS is used for responsive design and styling.

  • User Authentication: Implement user authentication to allow users to sign up, log in, and manage their accounts securely.

  • Product Management: Enable administrators to add, edit, and delete products, managing the inventory of the ecommerce platform.

  • Shopping Cart: Implement a shopping cart functionality that allows users to add products to their cart, update quantities, and proceed to checkout.

  • Order Processing: Manage the order processing flow, including order creation, payment integration, and order confirmation.

  • User Profile: Users can view and edit their profiles, track order history, and manage personal information.

Tech Stack

  • Frontend:

    • React: JavaScript library for building user interfaces.
    • Redux: State management library for predictable state container.
    • React Router: Declarative routing for React.js.
  • Backend:

    • Node.js: JavaScript runtime for server-side development.
    • Express: Web application framework for Node.js.
    • MongoDB: NoSQL database for data storage.
    • Mongoose: ODM (Object Data Modeling) library for MongoDB and Node.js.
  • Middleware:

    • Cors: Middleware for enabling Cross-Origin Resource Sharing, facilitating communication between the frontend and backend.

Getting Started

  1. Clone the Repository:

    git clone https://github.com/Souvikparua/COMPLETE-Fullstack-ecommerce-Responsive-MERN-App.git
    cd COMPLETE-Fullstack-ecommerce-Responsive-MERN-App
  2. Install Dependencies:

    # Install frontend dependencies
    npm install
    
    # Install backend dependencies
    cd backend
    npm install
  3. Configure Environment Variables:

    • Create a .env file in the backend directory.
    • Add the required environment variables, such as MongoDB connection string, etc.
  4. Run the Application:

    # Run the frontend (in the root directory)
    npm start
    
    # Run the backend (in the backend directory)
    npm run dev
  5. Open in Browser: Open your browser and navigate to http://localhost:8000 to access the ecommerce application.

License

This project is licensed under the GPL License. Feel free to use and modify the code for your own projects.

complete-fullstack-ecommerce-responsive-mern-app's People

Contributors

harmeetsingh11 avatar mathanraj0601 avatar priynshuchouhn avatar rahulgit24 avatar souvikparua avatar tusharpamnani 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.