English | Русский

Authorization (client)

Auth client boilerplate using React with TypeScript, state container Redux.

It can be used as starter for a new project: implements API for user sign up/sign in (incl. in with social media) and features like email verification, forgotten password, reset password.

Implementation Details

• React frontend initialized by create-react-app with Typescript. Functional Components and Hooks;
• Predictable state container Redux, using redux-thunk and redux-logger middlewares;
• Uses react-router for routing;
• Internationalization i18next;
• Sass preprocessor for СSS.

Screencast

How to use

• Clone this repo
• Run npm install to install the packages declared in package.json
• For setting work authorization social medias in file ./src/shared/constants.ts you need to specify constants: FACEBOOK_CLIENT_ID, GOOGLE_CLIENT_ID, VK_CLIENT_ID
• Run the app

$ npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.

Build

$ npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Server

A server in repo auth-server has been implemented for this application.

License

Copyright © 2021 MIT by Sulakin Vadim