Skip to content

blog application project developed using Spring Boot, Vanilla JavaScript, JWT Authentication, and Quill.js as a rich text editor. The goal of this project was to simulate a real-world blog environment where users can read blog posts, comment, and interact securely while admins can manage the content.

Notifications You must be signed in to change notification settings

vishalgit101/Blogpost-WebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📸 Project Screenshots

🧩 Database Relationships

Database Schema
Core database schema showing relationships between users, posts, comments, roles, and saved posts. This forms the foundation of the blog system.


🏠 Homepage

Homepage
The landing page where users can see a feed of published blog posts.


📃 All Posts

Posts
Main blog index showing all posts from various users.


📖 Open Post View

Open Post
Detailed view of a blog post with options to like, comment, or save.


📖 Open Post View (Alt)

Open Post 2
Alternate layout of the single blog post view.


🔐 Login Page

Login
Login interface for existing users to access their accounts.


📝 Signup Page

Signup
Registration page for new users to create an account and request writing permissions.


🧾 Email Template

Email
Email template used for welcoming users and granting blog writing access via a microservice.


🛑 Access Denied

Access Denied
Shown when users try to access restricted routes or features without proper roles.


📧 Verify Email

Verify Email
Page shown after registration to prompt email verification before activation.


✍️ Create Post

Create Post
Interface to write and publish a blog post. Includes a rich text editor.


✍️ Create Post (Alt View)

Create Post 2
Alternate view/layout of the blog writing page.


🔓 Permission Request

Permission
Contact admin page to request blog-writing access. Still needs styling improvements.


📥 Saved Posts

Saved Posts
Page where users can view blog posts they've saved for later reading.


📰 New Posts

New Posts
Section listing the most recently published blog posts.


📃 All Posts (Alt View)

Posts 2
Alternate layout of the blog list view.


📬 Posted Confirmation

Posted
Confirmation screen shown after a successful blog submission.


🧑‍💻 For Deleting and Editing the Posts

Panel
Small panel for Deleting and Editing the Posts


💬 Comment System

Comment
Commenting interface available under each blog post.


✍️ User Write Access

User Write Access
Interface showing that the user has blog writing privileges.


⚠️ Note: Some pages like the comment system, admin contact page for permission requests, and revoke permissions interface still need to be styled properly. CSS was assisted with AI tools, which may have introduced unused styles that are yet to be cleaned up. Some CSS in this project was generated using AI tools to speed things up. That means there's a bit of messy or unused code still hanging around — I'm planning to clean it up soon. Also, pages like the comment system and admin permission request/revoke screens still need proper styling.

But most of the Javascript was written by me Java Spring/Spring Boot code was almost entirely written by me

About

blog application project developed using Spring Boot, Vanilla JavaScript, JWT Authentication, and Quill.js as a rich text editor. The goal of this project was to simulate a real-world blog environment where users can read blog posts, comment, and interact securely while admins can manage the content.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published