ShortCut

Design and development of a web application for a bar in Buenos Aires, with order system and payment processing via Mercado Pago. Email notifications with Resend

Design Proposal

Finished Product

Admin panel

/pedidos (orders) and /pagos (payments) are protected routes

/pedidos (orders)

This route is used by the barman to check incoming orders.

/pagos (payments)

This route is oriented for the bar owner, to check processed payments.

Email notifications with Resend

How It's Made:

Tech used: Next.js, MongoDB, Tailwind CSS, MercadoPago, Resend, Shadcn UI, Zod Validation, LocalStorage

Optimizations

Some possible optimizations could be adding user auth and roles, to improve the app workflow.

Lessons Learned:

I've learnt how difficult and volatile the gastronomy industry is, and how to deal and work with it.

Install

npm install

---

Things to add

• Create a .env file in config folder and add the following as key = value
  • PUBLIC_KEY = your mercadopago access token
  • MONGODB_URI = your database URI
  • RESEND_API_KEY = your Resend API key
  • NEXT_PUBLIC_ADMIN_USER = admin auth username
  • NEXT_PUBLIC_ADMIN_PASS = admin auth password

---

Run

npm run dev