Recipe Book App

A modern React + Redux Toolkit application built as part of Baitussalam Tech Park’s Redux assignment.
This project demonstrates state management, API integration, routing, and authentication UI through a Recipe Book App.

🌐 Live Site: Demo Link Here

---

🚀 Features

• ⚡ Built with React + Redux Toolkit
• 🔄 Full CRUD operations with REST API integration using createAsyncThunk
• 📄 Dynamic detail pages for individual recipes
• 🔐 Protected and public routes (only logged-in users can access Home and Details pages)
• 👤 Basic Login and Signup pages (UI only, no backend auth logic)
• 🎯 Error and loading state handling in UI
• 🌐 Navigation handled via React Router v7

---

🛠️ Tech Stack

• React
• Redux Toolkit
• React Router DOM (v7)
• UI Library (e.g., TailwindCSS / Material UI)

---

📸 Screenshot

---

📂 Project Overview

✅ CRUD with Redux Toolkit

Manage recipes with Create, Read, Update, and Delete operations using Redux Toolkit and REST API.

📄 Dynamic Recipe Details

Each recipe has its own detail page rendered dynamically via React Router.

🔐 Authentication Pages

Includes simple Login and Signup pages with navigation (UI only).

🚦 Protected Routes

Implements protected and public routes. Logged-in users can access the Home and Details pages, while login/signup remain public.

---

🚀 Getting Started (For Local Development)

• Clone the repo:

  git clone https://github.com/iMuhammadAnas/Recipe-Book-App.git
  

• Navigate to the folder:

   cd Recipe-Book-App
  

• Install dependencies:

  npm install
  

• Start the project:

  npm start