Recipe Application

Overview

This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, and facilitating a seamless design experience.

Verecel Deployed Link 🔗

https://worldref-murex.vercel.app

JSON Mock data 🔗

https://blog-database-p9we.vercel.app/recipe

Installation steps / How to run locally? ✌️

Clone the Repository from GitHub. https://github.com/Pushpendra-1697/worldref

Then do the following steps:

On Windows

    npm install

    npm run start

Tech Stacks 🏠

React (JSX Syntax), Redux, HTML-CSS-JS, Authentication, Axios for handling asynchronous requests, react-router-dom for routing or Navigate from one page to another, Standard react components, and React-hooks.

Demo Login Credentials 🧪

Use these Credentials to log in.

Email: eve.holt@reqres.in

Password: cityslicka

Root Directory 🏡 : /

PORT Used 🧽

Features ❤️

Implemented a login feature and display cards on the home page.
The cards have a heading, description, and two buttons - "Add to Deals" and "Check Details".
Authenticated users can access these buttons, while non-authenticated users are redirected to the login/register page.
Logout is working as expected
made public and private routes
Public routes: /dashboard, /login
Private routes: /, /deals, /details, /recipe details
maintained auth and recipes states by redux
authentication status is updated according to authenticated and non-authenticated users
Implemented cypress testing