https://github.com/bezkoder/react-js-login-registration-hooks
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie
https://github.com/bezkoder/react-js-login-registration-hooks
authentication authorization httponly-cookie jwt jwt-auth jwt-authentication jwt-authorization jwt-token login react react-hooks reactjs registration token-based-authentication
Last synced: 10 months ago
JSON representation
React.js Login, Logout, Registration example with JWT and HttpOnly Cookie
- Host: GitHub
- URL: https://github.com/bezkoder/react-js-login-registration-hooks
- Owner: bezkoder
- Created: 2022-01-19T04:25:00.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-14T04:04:37.000Z (over 3 years ago)
- Last Synced: 2025-03-28T10:47:35.743Z (about 1 year ago)
- Topics: authentication, authorization, httponly-cookie, jwt, jwt-auth, jwt-authentication, jwt-authorization, jwt-token, login, react, react-hooks, reactjs, registration, token-based-authentication
- Language: JavaScript
- Homepage:
- Size: 173 KB
- Stars: 109
- Watchers: 5
- Forks: 73
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React Login and Registration example with JWT and HttpOnly cookie
Build React JWT Authentication and Authorization example using React Hooks, React Router, Axios and Bootstrap (without Redux):
- JWT Authentication Flow for User Signup & User Login
- Project Structure for React Authentication (without Redux) with React Router & Axios
- Creating React Components with Form Validation using Formik and Yup
- React Pages for accessing protected Resources (Authorization)
- Dynamic Navigation Bar in React App
For more detail, please visit:
> [React Login and Registration example with JWT](https://bezkoder.com/react-login-example-jwt-hooks/)
> [React + Redux: Login and Registration example with JWT](https://www.bezkoder.com/redux-toolkit-auth/)
Working with back-end servers:
> [Spring Boot + H2](https://www.bezkoder.com/spring-boot-security-jwt/)
> [Spring Boot + MySQL/PostgreSQL](https://www.bezkoder.com/spring-boot-login-example-mysql/)
> [Spring Boot + MongoDB](https://www.bezkoder.com/spring-boot-mongodb-login-example/)
> [Node Express + MySQL/PostgreSQL](https://www.bezkoder.com/node-js-express-login-example/)
> [Node Express + MongoDB](https://www.bezkoder.com/node-js-express-login-mongodb/)
Fullstack (JWT Authentication & Authorization example):
> [React + Spring Boot](https://bezkoder.com/spring-boot-react-jwt-auth/)
> [React + Node.js Express](https://bezkoder.com/react-express-authentication-jwt/)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Project setup
In the project directory, you can run:
```
npm install
# or
yarn install
```
yarn
or
### Compiles and hot-reloads for development
```
npm start
# or
yarn start
```
Open [http://localhost:8081](http://localhost:8081) to view it in the browser.
The page will reload if you make edits.
### Related Posts
> [In-depth Introduction to JWT-JSON Web Token](https://bezkoder.com/jwt-json-web-token/)
> [React CRUD example using Hooks](https://bezkoder.com/react-hooks-crud-axios-api/)
> [React Pagination using Hooks example](https://bezkoder.com/react-pagination-hooks/)
> [React Hooks File Upload example](https://bezkoder.com/react-hooks-file-upload/)
Fullstack with Node.js Express:
> [React + Node Express + MySQL](https://bezkoder.com/react-node-express-mysql/)
> [React + Node Express + PostgreSQL](https://bezkoder.com/react-node-express-postgresql/)
> [React + Node Express + MongoDB](https://bezkoder.com/react-node-express-mongodb-mern-stack/)
Fullstack with Spring Boot:
> [React + Spring Boot + MySQL](https://bezkoder.com/react-spring-boot-crud/)
> [React + Spring Boot + PostgreSQL](https://bezkoder.com/spring-boot-react-postgresql/)
> [React + Spring Boot + MongoDB](https://bezkoder.com/react-spring-boot-mongodb/)
Fullstack with Django:
> [React Hooks + Django Rest Framework](https://bezkoder.com/django-react-hooks/)
Serverless:
> [React Hooks Firebase Realtime Database: CRUD App ](https://bezkoder.com/react-firebase-hooks-crud/)
> [React Hooks Firestore example: CRUD App](https://bezkoder.com/react-hooks-firestore/)
Integration (run back-end & front-end on same server/port)
> [Integrate React with Spring Boot](https://bezkoder.com/integrate-reactjs-spring-boot/)
> [Integrate React with Node Express](https://bezkoder.com/integrate-react-express-same-server-port/)