Mern Authentication

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

This is one of the mostly needed web app. The app is about user being authenticated and verified before accessing any app content. You can see demo here. User can login through different social login method.

While developing the app i have learned about different social login integration method, how to securly transfer data using jwt, how to send mail using nodemailer.

Built With

• React
• Materail-UI
• Express
• Mongodb Atlas

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user storie:

• User story: I can register a new account
• User story: I can log in
• User story: I can log in or register with at least one of the following services: Google, Facebook, Twitter or Github
• User story: I can sign out
• User story: I can see my profile details
• User story: I can edit my details including: photo, name, bio, phone, email and password
• User story: I can upload a new photo or provide an image URL

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/saurabhtopthon01/mern_authentication

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Steps to replicate a design with only HTML and CSS
• Node.js
• Marked - a markdown parser

Contact

• GitHub @saurabhtopthon01
• Twitter @SaKSh05