Skip to content

README.md

Latest commit

 

History

History
72 lines (46 loc) · 1.9 KB

README.md

File metadata and controls

72 lines (46 loc) · 1.9 KB

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

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