/login-app

Login app with jwt, node and react.

Primary LanguageTypeScript

JWT Login

An app with JWT authentication and custom validation messages.

👨🏼‍💻 Development Contact

David Nascimento

🚶 User Stories

  • An user can be login in app;
  • An user can be create account in app;

🚀 Technologies

In the app was used an stack javascript, with nodejs in backend and reactjs in web.

♻️ Backend

  • nodejs;
  • typescript;
  • eslint;
  • dotenv;
  • prettier;
  • mongoose;
  • jsonwebtoken;
  • express;
  • bcrypt;
  • jest;
  • nodemon.

🌐 Web

  • reactjs;
  • typescript;
  • eslint;
  • prettier;
  • styled-components;
  • axios;
  • react-router-dom;

🎌 What I've learned

  • Authentication with JWT;
  • MongoDB database;
  • API RESTful with express;
  • Css-In-Js with styled-componets;
  • Jest;
  • Api Test, Mongo Mock.

🏘️ Page Examples

Login Page

Screenshot

Create Page

Screenshot

🎥 How Usage

Example how usage app.

✔️ Login And Create

Screen

✋🏻 Prerequisites

🔥 Install and Running

  1. Config you environment;
  2. Git clone git clone https://github.com/david32145/login-app;
  3. Enter in api folder;
  4. Copy .env.example to .env and fill with your config, sever port by default is 3333. Below an example of .env;
MONGODB_URL=localhost:27017
JWT_SECRET_KEY=potato
  1. Run yarn install or npm install;
  2. Run server with yarn dev or npm run dev;
  3. Enter in web folder;
  4. Copy .env.example to .env and fill with your config. Below an example of .env
REACT_APP_API_URI=http://localhost:3333
  1. Run yarn start or npm run start;