MERN Boilerplate (Counter App)

This is a MERN boilerplate project that implements a realtime counter application with authentication

Technologies

• MongoDB & Mongoose for the database
• Node & Express for the backend
• React for the frontend
• React Router for the frontend routing
• Sendgid for email service
• Socket.io for realtime events
• Json Web Tokens for authentication
• bcryptjs for hashing the user passwords
• Redux for application state
• Formik for forms
• React Bootstrap for styles
• Material UI for styles (pagination)

Features

• Login and Signup (email & password)
• Forgot Password
• Authenticated Routes
• Realtime counter updates
• History paginated logs
• Google OAuth

Running Locally

Configuring environment variables

• Rename client's .env-sample to .env
• Rename server's .env-sample to .env
• Fill in the environment variable values in both .env files

Starting the App

• npm install to install all dependencies
• npm run dev to run both client & backend
• cd server && npm run server to run only backend
• cd client && npm start to run only client