Sillen00 / React-Testing-Library-Mocktail-To-Drink

This project is a web application that enables users to explore and manage drink preferences. Users can search for drinks from an external API, add them to their drinking list, mark them as completed, and even sort their drinks based on completion status.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🍹Drink Management System🍹

image

Manage your drink preferences. Search for drinks from an external API, add them to your drinking list, mark them as completed, and even sort your drinks based on completion status.

Features

  • Search: Find drinks from an external API based on various criteria.
  • Add to List: Add drinks to your drinking list for easy access.
  • Remove/Delete: Remove drinks from your list if needed.
  • Mark as Completed: Indicate which drinks you've consumed.
  • Uncomplete: Undo the completed status of drinks.
  • Sort: Organize drinks based on completion status (completed/uncompleted).

Technologies Used

  • HTML: Structure of the web pages.
  • CSS: Styling for an appealing user interface.
  • React: Handling user interactions and API requests.
  • Testing-library, jest-dom and react: Tests making sure the code works as intended..
  • Drink API: Fetching drink data including ingredients and instructions.

About

This project is a web application that enables users to explore and manage drink preferences. Users can search for drinks from an external API, add them to their drinking list, mark them as completed, and even sort their drinks based on completion status.


Languages

Language:TypeScript 48.0%Language:JavaScript 39.8%Language:CSS 10.2%Language:HTML 2.0%