/LoginSignupExampleReactJS

This is a sample project for login and singup using React.js

Primary LanguageJavaScriptApache License 2.0Apache-2.0

image image

Login & Registration Example

Introduction

This application is an example of a registration and login system that I made with different dependencies of Node.JS & React. In it the user will be able to register with his data that will be later stored on the SQL server with the password encrypted. Once register the user can login with his account and access the system.
Depependencies used in the front-end

  • React-router-dom
  • Axios
Depependencies used in the back-end
  • Bcrypt
  • Cors
  • MYSQL
  • Express

How to run it

  1. Dowload the file
  2. Open the CRUD_ folder on VisualStudio
  3. Open two new terminals (https://user-images.githubusercontent.com/58499363/126244566-8b300fcf-2ac9-4d4c-9b0c-32f380d7decd.png)
  4. On one terminal change directory to the client folder *cd client* (https://user-images.githubusercontent.com/58499363/126244744-7144b574-8b86-45d2-9505-f3ed7b9779a1.png)
  5. On the other terminal change your directory to server folder *cd server* (https://user-images.githubusercontent.com/58499363/126244812-c9b151b7-be6c-4fe3-af0a-e3703e779e8d.png)
  6. On the client terminal npm install
  7. When npm install is finish, npm start on the client terminal
  8. Create this database on MYSQL workbench (https://user-images.githubusercontent.com/58499363/129492428-e3256854-afc8-4558-839c-cf131b0a3994.png)
  9. Change the values to match your mysql information on the server folder in the index.js file (https://user-images.githubusercontent.com/58499363/126246008-14ad1f22-60a6-4165-a9aa-d05224f5e234.png)
  10. Finally in the server terminal node index.js to start server (https://user-images.githubusercontent.com/58499363/126246218-1cd783ff-512d-4d98-8e58-d959f89514d5.png)
  11. And you are done you can start using the app