/project-typescript-express-mongoose-jwt-react

Server rendered (universal) react application with JWT authentication written in Typescript

Primary LanguageTypeScript

Universal React application with JWT authentication written using Typescript

Demo (You may need to wait some time while the server waking up)

What's inside

  • Completely typed React/Redux application using TypeScript;
  • Universal and stateless authentication using Passport.js and JWT strategy with Cookies;
  • Responsive, themed UI using Styled Components, Polished and modular scales;
  • REST API and Server Side Rendering using Node.js/Express;
  • Validation using Mongoose and Yup;
  • Persistence using Mongoose/MongoDB;
  • Forms using Formik with client and server side validation errors;

How to use

Clone the repository, install the dependencies and use the scripts:

# start the app in production mode (run build before this)
npm start | yarn start

# start in development mode (on port 3000 by default)
npm run start:dev | yarn start:dev

# build client and server production bundles
npm run build | yarn build

# clean generated bundles
npm run clean | yarn clean

Screenshots

Login page validation Registration page validation Main page User profile page Edit user profile