Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pushpendra-1697/worldref
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.
https://github.com/pushpendra-1697/worldref
authentication authrization axios cypress-testing nevigation react-router-dom reactjs redux redux-thunk responsive-web-design restricted-parking-zones routing styled-components
Last synced: about 1 month ago
JSON representation
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience.
- Host: GitHub
- URL: https://github.com/pushpendra-1697/worldref
- Owner: Pushpendra-1697
- Created: 2024-03-15T12:36:37.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-16T01:19:02.000Z (11 months ago)
- Last Synced: 2024-11-10T01:13:15.415Z (3 months ago)
- Topics: authentication, authrization, axios, cypress-testing, nevigation, react-router-dom, reactjs, redux, redux-thunk, responsive-web-design, restricted-parking-zones, routing, styled-components
- Language: JavaScript
- Homepage: https://worldref-murex.vercel.app
- Size: 389 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 🔗
```bash
https://worldref-murex.vercel.app
```
## JSON Mock data 🔗
```bash
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
```bash
npm install
```
```bash
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: [email protected]``
``Password: cityslicka``
## Root Directory 🏡 : /
## PORT Used 🧽
```bash
3000
```
## 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
## Additional Feature 😊
- User can see the recipe details page also.
## Some Project Screenshots :
### A) For Computer Screen:
#### B) For Mobile/Tablet Screen :
