https://github.com/nvhnam/theblog
A fullstack blog was made with FE: ReactJS | BE: SpringBoot / NodeJS | DB: MySQL
https://github.com/nvhnam/theblog
api backend blog docker frontend mysql nodejs reactjs render spring spring-boot vercel vite
Last synced: 3 months ago
JSON representation
A fullstack blog was made with FE: ReactJS | BE: SpringBoot / NodeJS | DB: MySQL
- Host: GitHub
- URL: https://github.com/nvhnam/theblog
- Owner: nvhnam
- Created: 2024-08-18T16:57:41.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-06-02T04:21:11.000Z (about 1 year ago)
- Last Synced: 2026-01-03T12:26:05.870Z (6 months ago)
- Topics: api, backend, blog, docker, frontend, mysql, nodejs, reactjs, render, spring, spring-boot, vercel, vite
- Language: JavaScript
- Homepage: https://theblog-nvhnam.vercel.app
- Size: 2.29 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✍️ TheBlog – Fullstack Blogging Platform
A full-featured blogging platform built with modern web technologies. Users can register with email verification, log in securely, and post blogs using a clean, responsive UI. Designed for developers, writers, and learners who want to explore how fullstack apps work with RESTful APIs and MySQL databases.
---
## 🚀 Features
- 🧾 User Registration with Email Verification: Secure account creation via verification codes sent to user emails.
- 🔐 Authentication & Authorization: JWT-based login and session handling.
- 📝 Blog Post Creation: Write, edit, and publish personal blog posts using a user-friendly interface.
- 📬 RESTful API: Robust and scalable Spring Boot backend API for blog and user management.
- 🌈 Clean UI: Modern, responsive frontend built with ReactJS and TailwindCSS.
---
## 🛠️ Tech Stack
### 💻 Frontend
- ReactJS
- TailwindCSS
### 🧠 Backend
- Spring Boot (Java)
- Spring Security + JWT
- Spring Mail (for email verification)
- MySQL (Database)
- Docker (for deployment)
---
## 📦 Setup Instructions
### 1. Clone the Repository
git clone https://github.com/yourusername/TheBlog.git
cd TheBlog
### 2. Setup Backend
cd backend-springboot/TheBlog
🔨 Build the Docker image:
docker build -t yourdockerhub/theblog-backend:v1.20 .
docker push yourdockerhub/theblog-backend:v1.20
🧪 Run Locally (without Docker):
./mvnw spring-boot:run
### 3. Setup Frontend
cd ../client
🔧 Install dependencies:
npm install
🚀 Start the development server:
npm run dev
Make sure to update the API base URL in your frontend .env:
VITE_API_URL=http://localhost:8080
---
## CI/CD Status
---
## 🌐 Live Demo
You can deploy the backend via Render and frontend via Vercel. Update CORS and .env URLs accordingly for production.
## 🤝 Contributing
Have suggestions or want to collaborate? Feel free to reach out or submit a PR!
- 📧 Email: nvhnam01@gmail.com
- 🌍 Portfolio: https://nguyenviethoangnam.vercel.app/
---
## ⭐ Support the Project
If you find TheBlog useful, please consider giving it a star ⭐ and sharing it with others. Your support helps the project grow and reach more learners!