WISER LOGIN

This is a Next.js application. It is a simple login and logout application, using Redux and Redux Saga. Its components are available in the Storybook and all are covered by functional tests.

What is inside?

Live Site

This project uses lot of stuff as:

• TypeScript
• NextJS
• Styled Components
• Jest
• React Testing Library
• Redux
• Redux Saga
• Storybook
• Json Server
• Eslint
• Prettier
• Husky

Getting Started

First, clone this repo

git clone git@github.com:mvmmarcus/wiser-login.git

Then, install all project dependencies

yarn 
# or
npm install

Run the development server:

yarn dev
# or
npm run dev

Open http://localhost:3000 with your browser to see the result.

Second, run the fake authentication api:

yarn start-server-auth

Important: You need to run the command above to test the flows

The fake server will be live in (http://localhost:8000)

The list of authenticated users is in the users.json file

You can change these informations if you want. The error message will appear when the user enters their wrong credentials

If the user enters correct credentials, will be redirected to authenticated home page. All the flux is availble to view in the gif video on top of this file !

Test the components on Storybook

Run the command below to view all the components properties of this application

yarn storybook

Commands

• dev: runs your application on localhost:3000
• build: creates the production build version
• start: starts a simple server with the build production code
• lint: runs the linter in all components and pages
• test: runs jest to test all components and pages
• test:watch: runs jest in watch mode
• storybook: runs storybook on localhost:6006
• build-storybook: create the build version of storybook
• start-server-auth: runs mocked authentication api
• generate: create the base components files

👨‍💻 Developer

Marcus Vinícius 👨‍🚀

Developed with ❤️ by Marcus Vinícius