A Fullstack Food Ordering App which created with NextJS.

Related tags

Learning resource redux paypal mongodb reactjs nextjs axios cloudinary responsive-design redux-toolkit vercel
Overview

A Fullstack Food Ordering App which created with NextJS.

Click demo to try it by yourself!

Food Ordering App Demo Link

You can view the site here Click Me

You can go to admin dashboard by clicking here Admin dashboard check the product & order lists and change the orders' status. Also if you are logged in as an admin, you can add new products from home page!!

username: admin password: 123456

Topics

  • ReactJS
  • NextJS
  • MongoDB
  • Axios
  • Redux Toolikt
  • Paypal Payment Integration
  • Cloudinary
  • Responsive Design
  • Deploy the App LIVE on Vercel

Author

Özge Coşkun Gürsucu (codermother)

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You might also like...

This is food delivery app i.e, Zomato ( React Native + Django )

This is food delivery app i.e, Zomato ( React Native + Django )

Food-Delivery-App ( React Native + Django ) Changes you have to made to backend. In backend edit PaymentViews.py file and write your own Paytm MERCHAN

Dec 22, 2022

A sweet MERN Stack app to add food recipes to your own Cook Book!

A sweet MERN Stack app to add food recipes to your own Cook Book!

Welcome to LeCookBook 👋 A sweet MERN Stack project, that lets you view, quicksearch, search by category and a randomizer with a cool UI. This page ha

Jun 3, 2022

This App is about British Food where you find a list of meals that you can like and comment.

British Classic Meals The British Classic Meals is a seclection of the most favorite and famous british recipes. Things you can do in this website: ch

Aug 20, 2022

A hub of all Marvel comics featuring your favorite heroes created with NextJS.

A hub of all Marvel comics featuring your favorite heroes created with NextJS.

A hub of all Marvel comics featuring your favorite heroes created with NextJS. marvel-hub.vercel.app Stack Front-end: NextJs, Jest, Styled Components

May 1, 2022

Search for food, recepies, and full detailed information on how to prepare them.

Search for food, recepies, and full detailed information on how to prepare them.

Foodipy | JavaScript Capstone This is a group project being built in our second module of our curriculum at microverse. its a web application for list

Mar 24, 2022

Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love.

Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food you love.

Big Chief Big Chief is a website where you find and share everyday cooking inspiration. Discover recipes, cooks, videos, and how-tos based on the food

Jun 1, 2022

WaffleHacks 2022 - Winner of 'Dream Big and Create More Cheers with AB InBev' & Honorable Mention for the Food Insecurity Track

Getting Started with Create React App Welcome to Leftover Marketplace. This is our project for WaffleHacks 2022. Links Presentation and Demo Video Web

Dec 27, 2022

Platello is a web application that randomly generates food and drink recipes based on the user's preferences.

Platello is a web application that randomly generates food and drink recipes based on the user's preferences.

Platello Overview Platello is a web application that randomly generates food and drink recipes based on the user's preferences. Upon loading the page,

Nov 15, 2022

💡 A FullStack Quiz web app using TypeScript and Next.js!

A FullStack Quiz app using TypeScript and Next.js! This projects is in portuguese! Self Hosting npm i && npm run build && npm run start # or yarn && y

Aug 13, 2022
Owner
Özge Coşkun Gürsucu
ReactJS Developer
Özge Coşkun Gürsucu
GitHub https://food-ordering-app-ten.vercel.app/
The Taste food web app is our JavaScript capstone project, Taste food is a web application based on an external food API, showing data about Italian foods and we used Used involvement API to record the different user interactions (likes, comments).

taste-food The Taste food web app is our JavaScript capstone project, Taste food is a web application based on an external food API TheMealDB, showing

Kyrillos Hany 14 Aug 10, 2022
This is food detection WebApp, which will tell users about the nutrients value of particular food image which they upload

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Ankush Gupta 3 Sep 8, 2022
API for the Baby Food Introduction Application. Keep your baby's food introductions in check with this application and backtrack in case of allergies!

Baby food introduction API This API is part of the Baby Food Introduction application, which aims to help technological parents keep track of the food

David Alecrim 6 Nov 25, 2022
A Pizza Ordering App!

Home Slice Description (insert desc here) Github Repository Link: https://github.com/Bickolus/home-slice Deployed App (Heroku) Link: Table of Contents

Bilal Raza 3 Apr 22, 2022
Fullstack Spotify clone app using NextJS and many other libraries.

Spotify Clone Spotify clone made with NextJS on both the client and server sides. For the database, I utilized Postgresql and Prisma ORM. I used Chakr

Mithat Ercan 6 Dec 7, 2022
Cooking Express is a website created for chefs and food lovers.

Cooking Express Cooking Express is a website created for chefs and food lovers to view recipes and find meal inspiration. They can also submit their o

Mariama Diallo 2 Jun 5, 2022
The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System

Usage Create an App # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --example with-

Viver Bungag 4 Jan 2, 2023
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.

A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API. Click demo to try it by yourself! Hulu Clone Demo Link

Özge Coşkun Gürsucu 10 Aug 17, 2022
Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured

Turborepo (NestJS + Prisma + NextJS + Tailwind + Typescript + Jest) Starter This is fullstack turborepo starter. It comes with the following features.

Ejaz Ahmed 132 Jan 9, 2023
A fullstack TikTok clone with Nextjs, Prisma, trpc

TikTok Clone A fullstack TikTok clone with Nextjs, Prisma, trpc Live demo Official website: https://toptop-clone.vercel.app/ Main technology used The

Phong Nguyen 115 Dec 19, 2022