All Projects â†’ flaviuse â†’ Mern Authentication

flaviuse / Mern Authentication

MERN stack authentication boilerplate: password reset, email verification, server sessions, redux, hooks and docker for dev and prod.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mern Authentication

Appy
🚀 A full stack boilerplate web app
Stars: ✭ 225 (+74.42%)
Mutual labels:  boilerplate, backend, frontend
Koa Vue Notes Api
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and async/await.
Stars: ✭ 342 (+165.12%)
Mutual labels:  demo, boilerplate, backend
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (+55.04%)
Mutual labels:  demo, boilerplate, frontend
Yii2 Angular Boilerplate
Yii2 REST API + Angular10 Boilerplate (Frontend/Backend)
Stars: ✭ 194 (+50.39%)
Mutual labels:  boilerplate, backend, frontend
Node Javascript Ecommerce
Build ECommece Like Amazona Using Vanilla JS
Stars: ✭ 57 (-55.81%)
Mutual labels:  mongodb, backend, frontend
Gindex V4
A Vue Js Based G Index with Improved Dark Mode, Search and Video Player
Stars: ✭ 143 (+10.85%)
Mutual labels:  mongodb, backend, frontend
Nest User Auth
A starter build for a back end which implements managing users with MongoDB, Mongoose, NestJS, Passport-JWT, and GraphQL.
Stars: ✭ 145 (+12.4%)
Mutual labels:  mongodb, passportjs, backend
Curriculum
Dive into our 7-month web development program covering HTML, CSS, Javascript, Node, and React!
Stars: ✭ 453 (+251.16%)
Mutual labels:  mongodb, backend, frontend
Curriculum
Overview of the different modules and learning goals of the program.
Stars: ✭ 40 (-68.99%)
Mutual labels:  mongodb, backend, frontend
Aws Boilerplate
Opinionated full stack web app's boilerplate, ready to be deployed to AWS platform.
Stars: ✭ 682 (+428.68%)
Mutual labels:  boilerplate, backend, frontend
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (-36.43%)
Mutual labels:  hooks, boilerplate, frontend
Expo Three Demo
🍎👩‍đŸĢ Collection of Demos for THREE.js in Expo!
Stars: ✭ 76 (-41.09%)
Mutual labels:  demo, boilerplate, frontend
Spring Boot Mongodb Angular Todo App
A Sample App built using Spring Boot, Angular and MongoDB
Stars: ✭ 84 (-34.88%)
Mutual labels:  mongodb, backend, frontend
Mern Boilerplate
Fullstack boilerplate with React, Redux, Express, Mongoose, Passport Local, JWT, Facebook and Google OAuth out of the box.
Stars: ✭ 112 (-13.18%)
Mutual labels:  mongodb, boilerplate
Aqua
💡 A website and user system starter
Stars: ✭ 1,391 (+978.29%)
Mutual labels:  mongodb, boilerplate
Express Rest Boilerplate
⌛ī¸ Express starter for building RESTful APIs
Stars: ✭ 1,794 (+1290.7%)
Mutual labels:  mongodb, boilerplate
Rest
REST API generator with Node.js, Express and Mongoose
Stars: ✭ 1,663 (+1189.15%)
Mutual labels:  mongodb, boilerplate
Production Ready Expressjs Server
Express.js server that implements production-ready error handling and logging following latest best practices.
Stars: ✭ 101 (-21.71%)
Mutual labels:  mongodb, nginx
Docker Nginx Gunicorn Flask Letsencrypt
Boilerplate code for setting up Nginx + Gunicorn + Flask + automated LetsEncrypt certificates (https) using docker-compose.
Stars: ✭ 117 (-9.3%)
Mutual labels:  boilerplate, nginx
Laravel Hackathon Starter
đŸ’ģ A hackathon/MVP boilerplate for laravel web applications. Start your hackathons without hassle.
Stars: ✭ 1,589 (+1131.78%)
Mutual labels:  demo, boilerplate

🚀 MERN authentication with email verification, hooks and docker (prod/dev).

capture du 2018-12-16 13-57-42

🎮 Demo: https://mern-auth-client.herokuapp.com/login

⚠ī¸ CSS styles, Google Captcha, Sentry usage and some other not essential dependencies like notifications are only in the demo. This repository aim to have a fast to use boilerplate.

⭐ī¸ The project if it helped you!

đŸŗ Docker

Boilerplate now is fully usable with docker, it integrate the MongoDB database, the React/Redux frontend and NodeJS/Express backend.

If you do not have docker: https://docs.docker.com/get-docker/

Docker allows to deloy the app in docker containers in one line in the CLI.

Environment variables

In both docker-compose.yml and docker-compose-prod.yml file you have to set the following environment variables:

  • SENDGRID_API_KEY, the backend uses Send Grid to send emails, you can register and get a free key on their website: https://sendgrid.com/. ⚠ī¸ You cannot use the app without a key. Validation links are sent in http not https, you can modified that in server/routes/auth.js if you want to go https in deployment.

  • SESSION_KEY, it is the secret key that is used to compute the hash of sessions. It is important to use a strong key: https://cloud.google.com/network-connectivity/docs/vpn/how-to/generating-pre-shared-key.

  • SENDING_EMAIL, email address that sends emails in the app. Has to be set.

Development

in the root directory:

docker-compose up --build

It supports hot reloading for both the frontend and backend.

Production

in the root directory:

docker-compose -f docker-compose-prod.yml up --build

Frontend app uses an Nginx server to deliver static files.

You may want to use the flag --remove-orphans

To deploy on Heroku refer to their documentation: https://devcenter.heroku.com/categories/deploying-with-docker

đŸ’ģ Boilerplate

MERN Stack with advanced authentication :

  • Email verification (Token Based) with resend/reset option, Login with forgot password feature.

  • Server side sessions.

  • Docker for development and production with hot reloading.

  • Mongodb.

  • Express.

  • React/Redux based on Create React App.

  • React Hooks.

  • Nodejs.

  • Passport-js local.

  • Sendgrid API for emails.

🔒 Security

This repository is scanned with snyk and code scanning from github for vulnerabilities. Do not use this code blindly, audit it first.

ℹī¸ How to ?

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].