An open API service indexing awesome lists of open source software.

https://github.com/melitus/react-redux-nodejs-auth-system

:construction: Isomorphic login and registration token authentication system using Node, Mongo, React, Redux
https://github.com/melitus/react-redux-nodejs-auth-system

expressjs joi-validation jwt middeware nodejs passportjs reactjs redux redux-form redux-observable reselect semantic-ui-react

Last synced: 20 days ago
JSON representation

:construction: Isomorphic login and registration token authentication system using Node, Mongo, React, Redux

Awesome Lists containing this project

README

          

# react-redux-nodejs-login-app
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)

## Features

- Signin, Signup, Email verification, Password reset
- Client-side forms Validation: e.g. Check empty fields, password length etc.
- Instant Server-side Validation: e.g. Instantly check server if username is unique upon blur.
- OnSubmit Server-side Validation: e.g. Check server after submit
- Prevent Duplicate submission: e.g. Disable Submit-button after submit.
- Node/Express rest api
- Nodemailer configuration, Email templates
- Webpack configuration for server and client
- SCSS configuration
- Linting with Airbnb eslint configuration

## Goals

- **Zero modifications to your existing CRA application**
- Create React App **without ejecting**
- React 16 (fiber, baby!)
- React Router v4 (with Obervable)
- **Full SEO support** via React Helmet
- **Preloaded page data** via async/await and React Frontload
- **Code splitting** via React Loadable
- Server-side **cookie support**

## Stages

The whole project is split into *FIVE (5)* stages**:

| Stage1 | Stage 2 | Stage 3 | Stage 4 | Stage 5
| ------------------ |:------------------- |:-------------- |:-------------- |:--------------
| Creation of a UI | Back-end (the whole functionality) |Debugging | Testing (UI + Back-end) | Lager scale testing

** If you want to know where the project is at the moment? in which stage somehow?... [Follow this link!](https://github.com/melitus/react-redux-nodejs-auth-system/projects)

## Screenshot

![Screenshot](/client/static/images/.png)

## Developers and collabs

Clone Repo

1. Clone the code:

````
git clone https://github.com/melitus/react-redux-nodejs-login-app.git
````
cd react-redux-nodejs-login-app

2. Install the react-redux-nodejs-auth-system dependencies

`yarn install` (You can also use npm)

3. Build the code

`yarn run build` to build distribution version

4. Run

`yarn run dev` to run development version on browser

### Contributing
contributions are welcome!

Please adhere to code quality. We will appreciate codes to be written using es6, es7 and functional programming Features. Every PR must be reviewed before it is merged to master.

## Authors and contribs nowadays.

| Names of collaborators | Github Links | Remarks
| ------------------ |:------------------- |:--------------
| Sunday | https://github.com/melitus | (Initiator - asmelitus@gmail.com)