Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pushpendra-1697/wedsurf
This React onboarding project includes pages for login, signup, home, and profile functionalities, catering to user authentication and navigation, facilitating a seamless design experience. The user will be blocked for the next 24 hours after putting 5 times wrong password at the time of token-based login.
https://github.com/pushpendra-1697/wedsurf
axios bcrypt chakra-ui cryptography expressjs jsonwebtoken jwt-decode mongodb mongoose nodejs otp-authentication react-components react-hooks react-icons react-router-dom react-slideshow-image reactjs responsive-design token-based-authentication twilio
Last synced: 6 days 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. The user will be blocked for the next 24 hours after putting 5 times wrong password at the time of token-based login.
- Host: GitHub
- URL: https://github.com/pushpendra-1697/wedsurf
- Owner: Pushpendra-1697
- Created: 2024-02-21T03:41:06.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-23T19:05:56.000Z (9 months ago)
- Last Synced: 2024-02-24T04:41:21.193Z (9 months ago)
- Topics: axios, bcrypt, chakra-ui, cryptography, expressjs, jsonwebtoken, jwt-decode, mongodb, mongoose, nodejs, otp-authentication, react-components, react-hooks, react-icons, react-router-dom, react-slideshow-image, reactjs, responsive-design, token-based-authentication, twilio
- Language: JavaScript
- Homepage: https://wedserf.vercel.app/
- Size: 2.24 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wedsurf
## 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. The user will be blocked for the next 24 hours after putting 5 times wrong password at the time of token-based login.
## Frontend Verecel Deployed Link :
```bash
https://wedserf.vercel.app/
```
## Backend Render Deployed Link:
```bash
https://wedserf-server.onrender.com/
```
## How to run locally
Clone the Repository from GitHub. Then do the following steps:
- On Windows
```bash
npm install
```
```bash
npm run start ----> For Frontend
(or)
npm run server ----> For Backend
```
## Tech Stacks :
### A) Frontend :
React (JSX Syntax), Chakra-ui Library for Styling & Modal, Axios for handling asynchronous requests, react-router-dom for routing or Navigate from one page to another, Standard react components, React-hooks, chakra-icons & react-icons, react-slideshow-image for carousel slider and jwt-decode for decode the token.
### B) Backend :
Node.js, Express.js, MongoDB (NoSQL), JSON-web-token-based authentication, mongoose for connecting database to the server, cors for handling the cors error, BSON, Bsondump, crypto for generate secure otp, bcrypt for hashing password (secure password), Twilio for OTP-based authentication, cors for handing the cors error and dotenv for A zero-dependency module that loads environment variables from a .env file into process.env.
## PORT Used :
```bash
3000 ----> For Frontend
(or)
8000 ----> For Backend
```
## Additional Feature :
#### The user will be blocked for the next 24 hours after putting 5 times wrong password at the time of token-based login
## Some HTTP (Hyper Text Transfer Protocol) Status Code Which I used :
404 ---> Not Found/failure
200 ---> OK/Success/get/put
201 ---> Created/post
204 ----> Delete/reject
500 ----> Error
## Some Project Screenshots :
### A) For Computer Screen:
#### B) For Mobile/Tablet Screen :
