Skip to content

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

Notifications You must be signed in to change notification settings

melitus/react-redux-nodejs-auth-system

Repository files navigation

react-redux-nodejs-login-app

code style: 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!

Screenshot

Screenshot

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

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

yarn install (You can also use npm)

  1. Build the code

yarn run build to build distribution version

  1. 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)