https://github.com/pratik-codes/mrnn-boilerplate

Ready to use boilerplate for you application built with good code practice in react, redux, nodejs, nestjs, mongodb, tailwindcss and typescipt.
https://github.com/pratik-codes/mrnn-boilerplate

boilerplate boilerplate-template mongodb nestjs nodejs react reactjs redux tailwindcss typescript

Last synced: 21 days ago
JSON representation

Ready to use boilerplate for you application built with good code practice in react, redux, nodejs, nestjs, mongodb, tailwindcss and typescipt.

• Host: GitHub
• URL: https://github.com/pratik-codes/mrnn-boilerplate
• Owner: pratik-codes
• Created: 2021-05-20T19:04:31.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-29T16:09:06.000Z (over 3 years ago)
• Last Synced: 2023-03-04T12:40:24.027Z (almost 2 years ago)
• Topics: boilerplate, boilerplate-template, mongodb, nestjs, nodejs, react, reactjs, redux, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 1.01 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Redux NestJS MongoDB TS Auth BoilerPlate

### Ready to use bolier plate for MERN with Typescipt for any of your project.

### Steps to run 

- Enter frontend and backend both `cd Frontend/Backend` and run `npm install`

- To run Backend `npm run start:dev`

- To run Frontend `npm start`

- Before setup create a mongoDB cluster and add URI in backend.

### Features

- Modern Looking UI built with React Typescipt and Tailwind CSS.

- Redux store implemented with structured design.

- Backend on NodeJS with NestJS framework in Typescipt.

- Database: Mongoose

- Contains UI for Login and Registration.

- Frontend has protected route which will be only availaible to access after the user is login.

- User presistance in React with local storage and JWT token generated from the backend.

- Secure password hashing on the backend with salt.

- Robust App with exception handling 

- Clean and sturcture code and good code practice and app design used. 

### Sign In View

![Image](https://github.com/pratik-codes/React-Redux-NestJS-MongoDB-TS-Auth-BoilerPlate/blob/main/screenshots/signin.jpeg)

### Sign Up View

![Image](https://github.com/pratik-codes/React-Redux-NestJS-MongoDB-TS-Auth-BoilerPlate/blob/main/screenshots/Signup.jpeg)