944

Mitasty

A digital menu generator for restaurants, built using the T3 stack.

Website →

(Version in image deployed Oct 03, 2023)

Mitasty is a digital menu generator for restaurants that simplifies the process of creating and sharing restaurant menus. It is built using a combination of technologies, including Next.js, NextAuth.js, Prisma, tRPC, Planetscale/Supbase (since PlanetScale now require a credit card), and Imagekit(for image uploading).

Features (Work in Progress)

  • Simple and intuitive UI for creating and managing restaurant menus.
  • Menu optimization for search engines and social media crawlers.
  • Support for both light and dark themes.
  • Attachment of multiple banner images to menus.
  • Easy sharing of generated menus via URL or QR code.
  • Responsive UI design for seamless use on all devices.

Technologies Used

Mitasty is built using a stack of modern technologies and tools to ensure a robust and feature-rich digital menu generator for restaurants. Here are the key technologies and dependencies utilized in the project:

  • Next.js: A popular React framework for building fast and efficient web applications.
  • NextAuth.js: A library for authentication in Next.js applications.
  • Prisma: A database toolkit and ORM for working with databases in Node.js.
  • tRPC: A framework-agnostic TypeScript Remote Procedure Call (RPC) library.
  • Planetscale: A database service for building scalable and distributed applications, i migrated to Supbase since PlanetScale are now requiring a credit card in order to use the free plan.
  • Imagekit: A platform for managing and delivering images.
  • Google Authentication and GitHub Authentication: Used for user authentication and authorization, i removed Github authentication temporarily.
  • MySQL: A relational database for persisting data.
  • GitHub Actions: Used for continuous integration and automated testing.
  • Playwright: A Node.js library for end-to-end testing of web applications, still haven't fully understood it.
  • Linting and Formatting Tools: Including ESLint and Prettier for maintaining code quality.

Contact Me

If you have any questions, feedback, or would like to know more about the Mitasty project or take it to the next step! Feel free to reach out to me at th.dev.design@gmail.com.

Project Screenshots

Light mode menu Dark mode menu

(Version in image deployed Oct 03, 2023)

Please note that the project is still a work in progress, and contributions or suggestions are welcome.