Giter Club home page Giter Club logo

foody-monk's Introduction

foody-monk

A food-ordering app built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, providing a comprehensive solution for ordering food online. With its user-friendly interface and powerful features, the app aims to simplify the food ordering process for users and enhance their overall experience.

By leveraging the MERN Stack, the app benefits from the strengths of each component. MongoDB serves as the database, allowing for efficient storage and retrieval of food items, user information, and order details. Express.js provides a robust backend framework, facilitating the handling of HTTP requests and enabling seamless communication between the client and the server.

React.js, a popular frontend library, powers the app's dynamic and interactive user interface. It enables the creation of reusable UI components, ensuring a responsive and engaging user experience. Node.js serves as the runtime environment, allowing for efficient server-side execution.

Through the app, users can browse through a wide range of food options, customize their orders, and seamlessly place them for delivery or pickup. The app also incorporates features such as user authentication, cart management, order tracking, and an admin panel to enhance the overall user experience and provide a feature-rich platform.

With a focus on scalability and performance, the app utilizes Redux Toolkit for state management, ensuring a predictable and efficient flow of data throughout the application. Axios is employed for handling HTTP requests, enabling seamless communication between the frontend and the backend.

Backend of this project: Link

image

image

image

Dependency

  • Redux toolkit
  • react-router-dom
  • react
  • Axios
  • parcel
  • tailwind css
  • react toastify

Technologies used

  • Tailwind: We are using the tailwind CSS library for styling our app. Tailwind provides a utility-first approach to CSS, allowing us to quickly build responsive and customizable UI components.

  • Redux-Toolkit: Redux toolkit is used for creating a central store, managing the application state, and handling actions and reducers efficiently. It simplifies the process of working with Redux by providing a set of opinionated tools and guidelines.

  • Parcel: We are using Parcel as a bundler for our application. Parcel is a zero-configuration bundler that provides a simple and intuitive setup, allowing us to bundle our code and assets seamlessly. It supports various file types and automatically handles dependencies.

  • Features

In the current version, our food ordering app provides the following features:

  • Authentication

image

  • Support for Cart

image

  • Order Placement

image

  • Admin Panel

image

  • Uploading New Items

image

These features allow users to authenticate themselves, add items to their cart, place orders, and provide an admin panel for managing the app's content. The app is built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, providing a robust and scalable foundation for our food ordering system.

Contributing

We welcome contributions from the community to enhance our food-ordering app. Please see the CONTRIBUTING.md file for more details on how to contribute.

License

This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as permitted by the license.

We appreciate your interest in our food-ordering app!

Happy ordering! ๐Ÿ”๐Ÿ•๐ŸŸ

foody-monk's People

Contributors

abhishekm0410 avatar alokverma749 avatar anjankarmakar10 avatar jalandhar04 avatar mtalhakhan357 avatar riddhesh-mahajan avatar robertw8 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

foody-monk's Issues

changes in admin panel

In the orders list of the admin page, there is not any information about which item belongs to which restaurant, add a restaurant name field also.

image

NOTE:

  • Check if restaurant data is coming as a response or not, if not then discuss it with us we will configure the backend to send the appropriate data

Improve shimmer

We are rendering a skeleton page Shimmer when data is loading, we need improvement in Shimmer page.
image

Cors Error

I'm getting cors error when visiting the deployed of this app

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.