Background SVG

The Barback

NPM

About the project

https://the-barback.vercel.app/

The Barback is an application dedicated to the quick and reliable search and presentation of cocktail recipes. The application consists of a home page, where 10 random cocktails are rendered from the database thecocktaildb.com, a search page, where searches made by cocktail names entered in the search bar are rendered, and a favorites page, where all cocktails saved by the client during navigation are stored.

Mobile layout

Mobile 1 Mobile 2

Web layout

Web 1

Conceptual model

Conceptual Model

Technologies used

Back end

  • Node.js
  • NextJS 14

Front end

  • HTML / CSS / JS / TypeScript
  • ReactJS
  • NextJS 14
  • Tailwind CSS
  • Shadcn.ui

Production deployment

  • Backend and Frontend - Vercel
  • Database - Supabase

How to run the project

Prerequisites: NodeJS

# clone repository
git clone https://github.com/Freitas-MA/the_barback

# run the project
npm run dev

Author

Marcos Alves Freitas

https://www.linkedin.com/in/freitas-marcos