Light

keumtae-kim / spring-boot-react-blog Goto Github PK

View Code? Open in Web Editor NEW

211.0 211.0 71.0 1.95 MB

Token-based blog application using spring boot, react and jwt.

License: Apache License 2.0

Java 60.18% HTML 0.31% CSS 4.51% JavaScript 30.67% TSQL 4.33%

blog jwt oauth2 react single-page-app social-login spa spring spring-boot

spring-boot-react-blog's Introduction

spring-react-blog

Token-based blog application using spring boot, react and jwt.

This project is under development.

Technology Stack

Component	Technology
Frontend	React 16+
Backend	Spring Boot 2.1+, Java 11+
Security	Spring Security, JWT
Auth	Local, Google, Facebook
Database	H2 Database, Mysql
Persistence	JPA
API Documentation	Swagger-UI
Client Build	npm, yarn, webpack
Server Build	Maven

Getting Started

Prerequisites

Install Java 11 from the OpenJDK
Install Node.js from the Node.js website
Clone the repo git clone https://github.com/keumtae-kim/spring-boot-react-blog.git

Backend

Go to your project folder from your terminal
cd blog-backend
Run: mvnw spring-boot:run

Frontend

Go to your project folder from your terminal
cd blog-frontend
Run: npm install or yarn install
After install, run: npm run start or yarn start
It will open your browser(http://localhost:3000)

Swagger UI

http://localhost:8080/swagger-ui.html

Account

admin email : [email protected]
admin password : admin

Screenshots

Main

Post

Editor

Login

spring-boot-react-blog's People

Contributors

Stargazers

Watchers

spring-boot-react-blog's Issues

README.md image

main

post

edit

login

restcontroller 추가 후 실행 시 Whitelabel Error Page 에러

블로그에 적혀진대로 맵핑메소드를 하나 추가하여 실행해보았는데요

다음과 같은 에러가 발생합니다.

Module not found: Can't resolve 'components/App' in path/to/blog-frontend/src

Hi keumtae-kim,

I've been trying to run your project for educational purposes.
I want to gain knowledge on using Spring REST together with React as its front-end.

I want specifically learn by creating creating a blog app.

I think this fits it the most. I think I'll try to learn from your source code. Thank you for this.

However, I can't seem to run the app after doing a yarn start command. I think the maven dependencies and yarn dependencies went well.. so far..

I replaced the Java 11 to Java 8 by the way, because that's what I have for now.

Is there something I'm missing?

Thank you very much in advance!

Kind regards,
Ken

Edit: Attached image for reference.

Missing @Component or @Configuration on class

The following class uses @Bean on a field, but is missing @Component or @Configuration annotation on the class. Is it intentional?

spring-boot-react-blog/blog-backend/src/main/java/me/ktkim/blog/config/DatabaseConfig.java

Line 13 in 8d69174

public class DatabaseConfig {

Reference: https://docs.spring.io/spring-framework/docs/current/javadoc-api/org/springframework/context/annotation/Bean.html

db config

how can i switch database change to mysql?

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.