MERN Authentication Starter

This is a starter app for a MERN stack application with authentication. This is for a SPA (Single Page Application) workflow that uses the Vite Build tool. This authentication workflow is based off of my MERN Stack From Scratch | eCommerce course.

It includes the following:

Backend API with Express & MongoDB
Routes for auth, logout, register, profile, update profile
JWT authentication stored in HTTP-only cookie
Protected routes and endpoints
Custom middleware to check JSON web token and store in cookie
Custom error middleware
React frontend to register, login, logout, view profile, and update profile
React Bootstrap UI library
React Toastify notifications

Usage

Create a MongoDB database and obtain your MongoDB URI - MongoDB Atlas
Create a PayPal account and obtain your Client ID - PayPal Developer

Env Variables

Rename the .env.example file to .env and add the following

NODE_ENV = development
PORT = 5000
MONGO_URI = your mongodb uri
JWT_SECRET = 'abc123'

Change the JWT_SECRET to what you want

Install Dependencies (frontend & backend)

npm install
cd frontend
npm install

Run


# Run frontend (:3000) & backend (:5000)
npm run dev

# Run backend only
npm run server

Build & Deploy

# Create frontend prod build
cd frontend
npm run build

IDLIX Scrapper API with cookie

IDLIX Scrapper About IDLIX Scrapper, IDLIX API Hak Cipta Projek ini dilindungi oleh MIT yang dimana penggunanya boleh menggunakan, mendistribusikan, m

Dec 16, 2022

Netlify functions session cookie 🍪

netlify-functions-session-cookie 🍪 Cryptographically-signed session cookies for Netlify functions. Summary Install Concept and Usage API Environment

Jun 8, 2022

A cookie banner for Bootstrap 5 websites

Bootstrap cookie banner A cookie banner for websites using Bootstrap 5. Demo: Bootstrap Version used: 5.1.3 Usage Include the CSS and js files. !-- C

Dec 3, 2022

Dead simple cookie-based session for Deno Fresh.

Fresh Session 🍋 Dead simple cookie-based session for Deno Fresh. Get started Fresh Session comes with a simple middleware to add at the root of your

Jan 5, 2023

A simple cookie consent plugin for jQuery

jquery.cookie-consent A simple jQuery plugin for requesting consent for cookie usage. Live demo See a live demo on CodePen Installation Using npm npm

Nov 29, 2022

Utility for authorizing user in a connected app, creating JWT to authenticate against it, and perform a sample callout.

Question: What is this for? Answer: When configuring a Salesforce Connected app to use certificates to authenticate you will use JSON Web Tokens to a

Jun 15, 2022

node.js project based jwt-auth / register-login-logout

JSON Web Token / Authentication-Authorization JSON Web Token allows us to check Authorization (Session Control). JSON Web Token (JWT) is an open stand

Sep 15, 2022

node.js project based jwt-auth / register-login-logout

JSON Web Token / Authentication-Authorization JSON Web Token allows us to check Authorization (Session Control). JSON Web Token (JWT) is an open stand

May 28, 2022

Projeto com validação JWT Tela de Login

ValidacaoJWT This project was generated with Angular CLI version 13.3.6. Development server Run ng serve for a dev server. Navigate to http://localhos

Sep 7, 2022

Comments

minor frontend fixes

Header.js Badge not used, removed

eslintrc option for development --> env: { browser: true, es2020: true, node: true },

Screen:

ProfileScreen {Link, useNavigate} not used, removed

ProfileScreen -after button b4 Form close, added- {isLoading && < Loader / > }

ProfileScreen changed redirect to '/' in try catch for password

RegisterScreen {useLocation} not used, removed

opened by dglnyc 0