Skip to content

myasirweb/Cocktail-Websit-With-React-ReduxToolkit-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍹 Cocktail App — React + Redux Toolkit

A React CRUD application for browsing and managing cocktail recipes, powered by the CocktailDB API and Redux Toolkit for state management.

🔗 Live Demo: (Coming Soon) 📂 GitHub: github.com/myasirweb/Cocktail-Websit-With-React-ReduxToolkit


✨ Features

  • Browse cocktail recipes from CocktailDB API
  • Search cocktails by name or ingredient
  • View detailed recipe — ingredients, measurements, instructions
  • Save favorites (CRUD operations)
  • Redux Toolkit for global state management
  • Fully responsive UI

🧰 Tech Stack

Layer Technology
Frontend React.js
State Management Redux Toolkit
API TheCocktailDB API
Styling CSS3
HTTP Client Axios

🚀 Getting Started

git clone https://github.com/myasirweb/Cocktail-Websit-With-React-ReduxToolkit.git
cd Cocktail-Websit-With-React-ReduxToolkit
npm install
npm start

Open http://localhost:3000

👨‍💻 Author

Muhammad Yasir — Frontend Engineer 🌐 yasir-portfolio-nextjs.vercel.app 💼 linkedin.com/in/yasirweb 📧 muhammad.yasir1368@gmail.com


📄 License

MIT License

About

A modern React CRUD app using Redux Toolkit to browse, search, and manage cocktail recipes. Clean UI, scalable architecture, and real-time filtering.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors