/next-food-app

A Food Order App built with Next.js and Tailwind CSS 🍔

Primary LanguageJavaScript

Next Food Order

A Food Order App built with Next.js and Tailwind CSS 🍔

About Me 💙»

📫 How to reach me _yamisagi yamisagi


Built With

How To Run This Project 🚀


  • Clone the repo

    git clone

  • Install NPM packages

    npm install

  • Run the project

    npm run dev

  • Open the project on your browser

    http://localhost:3000/

  • Enjoy! 🎉

About The Project

In this project, I'm trying to build a simple food order app using Next.js and Tailwind CSS. For now I'm not using any database, so the data is static. I'm planning to add a database later on.

Roadmap

  • Project Setup
  • Add Tailwind CSS
  • Create Layout
  • Create Components
  • Structure the App & Folder
  • Add Static Data
  • Add Card Component & Style
  • Add Modal Component & Style
  • Create Order Context
  • Implement Order Context to App
  • Fix Modal & Order Bugs
  • Create Remove & Decrement Functionality to Context
  • Improve Styles for Mobile
  • Project Deploy to Vercel 🚀

(Still working on it...)

(back to top)

Learn More

To learn more about Next.js, take a look at the following resources:

(back to top)