A Fullstack Food Ordering App which created with NextJS.

Last update: Jul 23, 2022

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.

GitHub

https://github.com/codermother/Food-Ordering-App
You might also like...

Commenting System built with NextJS and Sanity

Commenting System built with NextJS and Sanity

Commenting System built with NextJS and Sanity

Jul 20, 2022

WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application

 WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application

This Repository demonstrates how to combine 7 APIs (4 Apollo Federation SubGraphs, 1 REST, 1 standalone GraphQL, 1 Mock) into one unified GraphQL API which is then securely exposed as a JSON API to a NextJS Frontend.

Jul 29, 2022

A static blog build on top of Notion and NextJS, deployed on Vercel.

A static blog build on top of Notion and NextJS, deployed on Vercel.

A static blog build on top of Notion and NextJS, deployed on Vercel.

Aug 6, 2022

A full stack e-commerce website for learning purposes and built with Typescript, Nextjs, Redux-toolkit, semantic-ui-react

A full stack e-commerce website for learning purposes and built with Typescript, Nextjs, Redux-toolkit, semantic-ui-react

Nov 4, 2021

nextjs server and client (react) for flash pass

nextjs server and client (react) for flash pass

Nov 7, 2021

Nextjs CRUD with PostgreSQL and Typescript with Semantic UI

Nextjs PostgreSQL CRUD This is a web application CRUD using Nextjs, Typescript and Pg (npm module) driver for PostgreSQL, and for style the interface

Jul 26, 2022

Google Translate Clone using NextJS and Reactstrap

Google Translate Clone using NextJS and Reactstrap

Development Practice Challenge : Build a Language Translation App Stacks NextJS Reactstrap Getting Started First, run the development server: npm run

Jan 31, 2022

Auth with Next.js - Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Auth with Next.js - Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Auth with Next.js 💬 About Authentication, Permissions and Payload Rules with Ne

Jun 3, 2022

Text manipulation - Text manipulation website with NextJS, Typescript and Tailwind CSS

Text manipulation - Text manipulation website with NextJS, Typescript and Tailwind CSS

Text manipulation - Text manipulation website with NextJS, Typescript and Tailwind CSS

Apr 27, 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
GPT-3 Powered Serverless App using NextJS & React

A Demo GPT-3 Powered Web App, created using NextJS & ReactJS QuickStart Clone this repo update the OpenAI key in .env.local file: Sample .env.local fi

Aug 1, 2022
A Facebook clone web app built with Nextjs&Reactjs - Tailwindcss - firebase - heroIcons
A Facebook clone web app built with Nextjs&Reactjs - Tailwindcss - firebase - heroIcons

A Facebook clone web app built with Nextjs&Reactjs - Tailwindcss - firebase - heroIcons

Jul 1, 2022
How to deploy Nextjs (+mongoose) app with Nginx by docker

How to deploy Nextjs + database app with docker multi-containerHow to deploy Nextjs + database app with docker multi-container

May 25, 2022
Movies and series web app developed using NextJS
Movies and series web app developed using NextJS

Disney+ Movies and series web app developed using NextJS. Deployed Link : https://disney-clone-ndmiypj8n-suchitd11.vercel.app/ Preview Login Homescree

Jul 27, 2022
🗳Nextjs app to create and share polls

Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies

Jul 26, 2022
A Facebook Clone which built with reactJS
A Facebook Clone which built with reactJS

A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

Jul 5, 2022
A simple nextjs application that showcases Game of Thrones Characters

NextThrone This sample app is built with Next.js. Clone the repo and continue with the installation Installation $ yarn Usage Replace _AUTH0_CLIENT_I

May 4, 2022
Bookmark manager on steroid built with React / NextJs / Apollo Tools / Prisma 2 — styled with TailwindCSS 🌱🎺
Bookmark manager on steroid built with React / NextJs / Apollo Tools / Prisma 2 — styled with TailwindCSS 🌱🎺

Tottem is an open source experimentation, it aims combining personal productivity tool approach with (slow) social media capabilities to make users em

Aug 1, 2022
Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL.
Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL.

Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used.

Jul 20, 2022