Coder Social home page Coder Social logo

tanbinh123 / springsecurity-reactjs-login-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from snehal-bagde/springsecurity-reactjs-login-app

1.0 1.0 0.0 34.18 MB

It is a full stack Login application build by using SpringBoot (SpringSecurity + JWT Authentication) and ReactJs (ReactHooks + JWT Authentication + React Router + Axios).

Java 85.08% HTML 6.33% CSS 3.70% JavaScript 4.89%

springsecurity-reactjs-login-app's Introduction

SpringSecurity-ReactJs-Login-App

It is a full stack Login application build by using SpringBoot (SpringSecurity + JWT Authentication) and ReactJs (ReactHooks + JWT Authentication + React Router + Axios).

Login-Application Steps to Setup the Spring Boot Back end app (FullStack-Login)

  1. Clone the application git clone https://github.com/snehal-bagde/SpringSecurity-ReactJs-Login-App.git cd FullStack-Login

  2. Create MySQL database

    create database login_app Change MySQL username and password as per your MySQL installation open src/main/resources/application.properties file. change spring.datasource.username and spring.datasource.password properties as per your mysql installation

  3. Run the app Run the spring boot app using IDE The server will start on port 8080.

  4. Default Roles The spring boot app uses role based authorization powered by spring security. To add the default roles in the database use below queries, INSERT INTO roles (id, name) VALUES (1, 'ROLE_USER'); INSERT INTO roles (id, name) VALUES (2, 'ROLE_MODERATOR'); INSERT INTO roles (id, name) VALUES (3, 'ROLE_ADMIN'); Any new user who signs up to the app is assigned the ROLE_USER by default.

Steps to Setup the React Front end app (polling-app-client)

First go to the react-hooks-jwt-auth folder -

      cd react-hooks-jwt-auth 

Then type the following command to install the dependencies and start the application

      npm install && npm start 

The front-end server will start on port 3000.

springsecurity-reactjs-login-app's People

Contributors

snehal-bagde avatar

Stargazers

Tan Binh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.