Blogsphere

Welcome to Blogsphere, the ultimate fullstack web application for bloggers and readers alike.
This platform allows users to create, manage, and interact with blogs while offering an intuitive user interface and robust backend functionalities.
With a modern and responsive design, Blogsphere ensures that your content looks great on any device.

Tech Stack

• React
• Typescript
• Tailwind CSS with shadCN
• NodeJS
• Express
• MongoDB - To store data
• React Query - To fetch and manage server side state
• Zustand - To manage client side state

Features

👤 User Management

• 🔐 User Authentication:
  • Signup and login with email/password.
  • Login via Google.
  • Logout functionality.
  • Token expiration
• User Profile: View and edit user profile, update social links, bio, and username.
• Change Password: Users can change their login password from settings.

✍️ Blog Management

• Full CRUD Capabilities: Create, read, update, and delete blogs with ease. Manage both published and draft blogs through a user-friendly dashboard.
• Rich Text Editing: Utilize a block-style editor powered by Editor.js to craft detailed blogs with headings, paragraphs, lists, images, quotes, and code blocks.
• Search and Filtering: Easily find blogs and authors using robust search and filter options, including tag-based filtering.
• Infinite Scrolling: Enjoy a smooth and continuous browsing experience with infinite scrolling on the blog feed.

🗨️ Blog Interaction

• Engagement Features: Users can like and comment on blogs, fostering interaction and discussion. The nested comment system allows for threaded conversations.
• Trending Content: Discover the top 10 trending blogs based on user interactions and engagement.

Contributing ✨

Contributions from the community are always welcome to make Blogsphere even better.

To contribute, please follow these steps

1. Fork the repository on GitHub.
2. Clone your forked repository:
3. Create a new branch from the main branch.
4. Make the necessary changes and commit them with descriptive commit messages.
5. Push your changes to your forked repository and raise PR on this repository

Support 💖👩‍💻

Support the project by giving it a star ⭐.
Feel free to reach out if you have any questions or suggestions.