cyfyifanchen / food-truck

Taking this little project as far as I can.

Home Page:https://food-truck-theta.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Food Truck Web App

Motivation

I start to like this little project, I decide to take it as far as I can, polishing it up, making it a real-world product in any way that can impress anyone.(anyone includes my mom in case I Fed up). 🤔

And, I'd like to get feedbacks to make it better.

Start the project locally

It is a demo app built on top of Next.js, using React to render the data out, and Tailwind for style.

I like to use bun for tooling, and of course npm works as well, feel free to use your own tools.

npm install
npm run dev

port is at localhost:3000

Todos for the future maybe

  • Make a random button, randomize 3 food trucks every time clicks.
  • Put res of randomized food truck on top.
  • Adding filters for types of lunch.(e.g. tacos or burgers).
  • Adding loading state.
  • Adding Chinese, Mexican and Italian filters.
  • Better UI and UX.
  • [] Making the UI more user-friendly. e.g instead of using drop down select filter, it's probably better to use click button.
  • [] Enable random while disabling filter or vice versa.

About

Taking this little project as far as I can.

https://food-truck-theta.vercel.app


Languages

Language:TypeScript 96.8%Language:CSS 2.2%Language:JavaScript 1.0%