Coder Social home page Coder Social logo

vrun545 / food-delivery-app Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 230 KB

A Food Delivery App using MERN Stack. Allows users to Signup, Login, Order Food Items, Also user able to see Order History.

Home Page: https://blissbite.netlify.app/

HTML 4.56% CSS 1.69% JavaScript 93.75%
express-js jwt-authentication mongodb-atlas node-js password-hashing reactjs context-api mongoose

food-delivery-app's Introduction

Food Delivery App - BlissBite

Food Delivery App is a web application built using the MERN stack, allowing users to seamlessly browse, order food items, and view their order history. The application provides user authentication through signup and login functionalities. The backend is implemented using Node.js, Express.js, and MongoDB, while the frontend is developed with React and utilizes Context API for state management.

Live Demo

Explore the Food Delivery App: BlissBite โ€‚ ๐Ÿ‘ˆ(Click Here)

Sample Login Details:

Features

  • User Authentication: Users can Signup and Login securely to access personalized features. JWT (JSON Web Token) is used for authentication.

  • Order Food Items: Browse through a variety of food items, select, and place orders.

  • Order History: Users can view their order history to keep track of previous orders.

  • Security Measures: JWT is implemented for secure authentication, and password hashing is used to enhance user account security.

Technologies Used

  • Backend:

    • Node.js
    • Express.js
    • MongoDB Atlas
    • JWT for Authentication
    • Password Hashing for Security
  • Frontend:

    • ReactJS
    • Context API for State Management

Getting Started

  1. Clone the repository:

    git clone https://github.com/vrun545/food-delivery-app.git
  2. Navigate to the project directory:

    cd food-delivery-app
  3. Install dependencies:

    # Install backend dependencies
    cd server
    npm install
    
    # Install frontend dependencies
    cd ../client/food-app
    npm install
  4. Set up MongoDB:

    • Create a MongoDB database.
    • Update the connection string in the backend .env file.
  5. Run the application:

    # Run Backend Server (from the backend directory)
    cd ../server
    nodemon index.js
    
    # Run Frontend Development Server (from the frontend directory)
    cd ../client/food-app
    npm start
  6. Open your browser and navigate to http://localhost:3000 to access the Food Delivery App.

License

This project is licensed under the MIT License.

Acknowledgments

  • Special thanks to the MERN stack for providing a robust and efficient technology stack for web development.
  • Shoutout to the developers and contributors of the libraries and frameworks used in this project.

Feel free to contribute and enhance the features of this Food Delivery App! ๐Ÿ”๐Ÿ›ต.

food-delivery-app's People

Contributors

vrun545 avatar

Stargazers

Kamran Mustafa avatar  avatar

Watchers

 avatar

Forkers

lakshay2301

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.