Chronospace

• A MERN-based blogging platform inspired by MDN blogs, built as a React course
  project for college.

Features

• User roles: Admin and normal users.
• Admins can write, edit, and delete blogs.
• Nested comments with like, delete, and notification support.
• Blog recommendations, trending section, and responsive design.

Technologies Used

• Frontend: React, Tailwind CSS
• Backend: Express, MongoDB
• Authentication: Firebase Auth and JWT
• Image Storage: Integrated AWS S3 for image storage.

Installation

1. Clone the repository.
2. Run npm install in both backend and frontend directories.
3. Set up Firebase and MongoDB credentials in the .env file.

Usage

• Start the backend server with npm start.
• Launch the frontend with npm run dev.

Screenshots

1. Login Page

A secure login page with Firebase Auth and JWT support.

2. Signup Page

A signup page with validation for email, password, and more.

3. Home Screen

Features trending blogs, recommendations, and responsive design.

4. Blog Page

Shows detailed blog content, comments, and nested replies.

5. Notifications Page

Real-time notifications for likes, comments, and activity.