Skip to content

Cocktail DB is a React-based application that allows users to search for cocktails and view detailed information about individual drinks using TheCocktailDB API. It leverages React Query for data fetching, React Router for navigation, and Axios for making HTTP requests.

Notifications You must be signed in to change notification settings

MF-Vv/COCKTAIL-DB

Repository files navigation

Cocktail DB

Cocktail DB is a React-based application that allows users to search for cocktails and view detailed information about individual drinks using TheCocktailDB API. It leverages React Query for data fetching, React Router for navigation, and Axios for making HTTP requests.

Features

  • Search for cocktails by name
  • View detailed information about individual cocktails
  • React Query for efficient API calls and caching
  • React Router for seamless navigation
  • Toast notifications for user feedback

Tech Stack

  • Frontend: React, React Router, React Query, Styled Components
  • State Management: React Query
  • HTTP Client: Axios
  • Notifications: React Toastify
  • Styling: Styled Components

Installation

Prerequisites

  • Node.js
  • npm or yarn

Clone the Repository

git clone https://github.com/MF-Vv/COCKTAIL-DB.git
cd COCKTAIL-DB

Install Dependencies

npm install

Run the Development Server

npm run dev

Production Link

You can view the live version of this project here: 🔗 Production Link

Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

Contact

For any inquiries, feel free to reach out via email or through GitHub.

About

Cocktail DB is a React-based application that allows users to search for cocktails and view detailed information about individual drinks using TheCocktailDB API. It leverages React Query for data fetching, React Router for navigation, and Axios for making HTTP requests.

Topics

Resources

Stars

Watchers

Forks