https://github.com/gugazimmermann/course-1-authentication

This repository contains the code for the "Authentication" project, from the ebook "Authentication with React/TypeScript and Jest", which I wrote.
https://github.com/gugazimmermann/course-1-authentication

authentication best-practices conventional-commits course ebook eslint husky jest lint prettier react tutorial typescript

Last synced: 2 months ago
JSON representation

This repository contains the code for the "Authentication" project, from the ebook "Authentication with React/TypeScript and Jest", which I wrote.

• Host: GitHub
• URL: https://github.com/gugazimmermann/course-1-authentication
• Owner: gugazimmermann
• Created: 2024-02-10T12:25:40.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-02-11T12:46:34.000Z (about 2 years ago)
• Last Synced: 2024-02-11T14:23:11.430Z (about 2 years ago)
• Topics: authentication, best-practices, conventional-commits, course, ebook, eslint, husky, jest, lint, prettier, react, tutorial, typescript
• Language: TypeScript
• Homepage: https://www.zero-to-professional.com/
• Size: 551 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Course 1 - Authentication with React/TypeScript and Jest

This repository contains the code for the "**Authentication**" project, from the ebook "**Authentication with React/TypeScript and Jest**", which I wrote.

Course Landing Page: [https://www.zero-ao-profissional.com.br/](https://www.zero-ao-profissional.com.br/)

See the application running: 

* [https://course-1-authentication.zero-to-professional.com](https://course-1-authentication.zero-to-professional.com/)

* [https://course-1-authentication.vercel.app](https://course-1-authentication.vercel.app/)

## Features

- **API**

  - Learn how get informations from a API.

- **User Registration:**

  - Complete user registration flow, including confirmation codes and password recovery.

  - Protected pages for authenticated users.

  - Users can update their data.

## Development Best Practices

- **Agile Methodology:**

  - How to work in an Agile development environment, with Scrum, Jira, etc.

- **Componentization:**

  - Creation of reusable components like alerts, inputs, forms...

- **Hooks and State Management:**

  - Teaches the use of React hooks and effective state management using React Context.

- **Simulated Backend:**

  - Demonstrates the creation of a fake backend for simulating API calls.

### Code Quality and Testing

- **Code Style:**

  - Utilizes Lint and Prettier for consistent and clean code.

  - Husky to enforce code quality in commits and pushs.

  - Conventional Commits for solid code history.

- **Testing:**

  - Different types of testing, use of auxiliary files for optimization.

  - Achieves 100% code coverage with Jest.

## Getting Started

1. Clone the repository.

2. Install dependencies using `yarn install`.

3. Run with `yarn start`.

**To see the codes, need to look at the developer console (Crtl+Shift+J).**