This repository was created to assist in the authentication implementation process in React JS applications with JWT and refresh token.
Overview
This repository is a React JS application with JWT and refresh token authentication. It provides components and contexts with unit tests and a basic HTML structure without CSS. The project features route security and control of component visibility based on permissions.
Features
- Built using: React JS, TypeScript, Jest, React Testing Library
- Prerequisites: Node.js or Yarn installed on your machine
- Installing dependencies: Guide to install project dependencies
- Project setup: Instructions to set up the project
- Compiles and hot-reloads for development: Instructions to run the project in development mode with hot-reloading
- Compiles and minifies for production: Instructions to build the project for production
- Lints and fixes files: Instructions to run linting and fix files
- Run your unit tests: Guide to run unit tests
- Test users: Information about test users and their permissions
- Route types: Explanation of different route components based on react-router-dom
- Public route: Instructions for accessing a public route
- Private route: Instructions for accessing a private route
- Control visibility of components: Instructions for controlling component visibility based on permissions
- Contributing: Information about contributing to the project
- Versioning: Explanation of versioning using SemVer
- Authors: List of contributors involved in the project
- License: The project is licensed under the MIT License
- Developed by Eder Sampaio: Contact information for the developer
Installation
To install the theme, follow these steps:
- Install Node.js or Yarn on your machine.
- Clone the repository.
- Navigate to the project directory in the terminal.
- Run the command
npm install or yarn install to install the project dependencies.
Summary
This repository provides a React JS application with JWT and refresh token authentication. It includes unit tests and a basic HTML structure without CSS. The project features route security and control of component visibility based on permissions. Developers can clone the project or use it as a template and make necessary changes.