README.md

🐂 GCB Login Page

🔎 A GCB-based registration/login site

Check out the app: https://gcb-login-page.vercel.app/login

📄 Explanation

The site was created in a past challenge for the Academy of the GCB Group.

In it, he was instructed to make a login page that stores the data in encrypted Local Storage, in addition to having the storybook of the components and unit tests.

📁 Pages

The site has a total of 3 pages, namely:

• Login: Login page.
• Registration: Registration page.
• Home: Main page after being logged in.

⚔️ Challenge

In this challenge, you must build a website that will simulate an entire Login flow. :heavy_check_mark: Use NextJs
✔️ Save data to LocalStorage
✔️ Email Validation
✔️ Password validation
✔️ Use Storybook
--- ⚙️ Extra ---
✔️ Unit test implementation
✔️ Encrypting data saved to Local Storage
✔️ Implement Object Literal
✔️ Hide and show password
✔️ Terms of use modal
✔️ Token Generator
✔️ Data appears on Home page

🚀 Technologies

• Typescript
• NextJs
• React Icon
• React Toastify
• Styled Components
• Jest
• Testing Library
• Storybook
• Eslint
• Babel

📕 How to use it?

Before starting, you need to have Git and Node installed.

# Clone this project
$ git clone https://github.com/Kayke-Fujinaka/GCB-LoginPage
# access
$ cd gcb-loginpage
# install dependencies
$ yarn or npm
# Run the project
$ yarn start or npm start
# The server will initialize in the <http://localhost:3000>

🤝 Collaborators

Thanks to the following people who contributed to this project:

Kayke Fujinaka

Go back to top