GithubHelp home page GithubHelp logo

hana437 / mern_auth_plate Goto Github PK

View Code? Open in Web Editor NEW

This project forked from djibba22/mern_auth_plate

0.0 0.0 0.0 26.73 MB

Full Stack REACT / Node project with Authentication in Passport Local Strategy

HTML 9.81% CSS 1.24% JavaScript 88.96%

mern_auth_plate's Introduction

M.E.R.N. Authentication Boilerplate

Full Stack Project starter with basic components routes and authentication. The project is in MVC format that includes the User model and controller. The first routes in the client are protected by the passport authentication using the local strategy.

Purpose and Inspiration

You can fork and run this to quickly have an MVC project up and running, then simply add the controllers models and components that your project needs. I wanted to have a place to start with no other models than the User model. This is currently at the point where you can:

  • Register a new user
  • Login with an existing user
  • Log Out (You are not able to navigate to client side routes that are protected by authentication)

MVC

This project is structured in Full Stack Javascript with Mongoose Models REACT Views and Controllers. The heavy lifting for the authentication is done in src/utils/Auth.js.

Tech Stack

Install and run

Install all the dependencies with Yarn or NPM yarn install
Make sure you start Mongod and have mongoDB running.. mongod
Then start the project `yarn start

Basic Nav on Homepage

Register A New User

Register a New User

Register A New User

Login the new user

Register A New User

Routes are protected from Users that are not logged in

Login an existing User

mern_auth_plate's People

Contributors

djibba22 avatar jaab30 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.