Back to Projects
2025
Cyber Sphere
A full-stack blog platform focused on computer-related topics, catering to both professionals and beginners in the tech world. It features user authentication with email/password login and OAuth support for GitHub & Google, ensuring a secure and flexible sign-in experience. Users can create, edit, and delete blog posts, as well as comment on articles and save favorite posts for later reading. The platform is built with a React frontend and a Node.js/Express backend, utilizing MongoDB for data storage and JWT for authentication to maintain a stateless, secure API. With a clean UI and efficient data handling, this blog provides an engaging experience for learning, sharing, and discussing the latest in tech.
ReactTailWind CSSReact QuillTanStack QueryExpress.jsJWTMongoDBViteMongooseImageKit
Preview
FeaturesResponsiveness: Smooth performance and adaptability across various devices and screen sizes for a consistent user experience.User Authentication: Secure login and registration system with support for email/password and OAuth authentication via GitHub & Google.Content Management: Users can create, edit, and delete blog posts with a rich text editor, allowing for easy content publishing.Comment System: Readers can engage with posts through a dynamic commenting system, fostering discussion and interaction.Post Saving: Users can save posts to their personal collection for easy access and future reference.SEO Optimization: SEO-friendly URL structure and metadata optimization to improve discoverability on search engines.Secure API: JWT-based authentication and role-based access control to protect user data and prevent unauthorized access.Image Uploading: Seamless image uploading using ImageKit, allowing users to enhance their blog posts with multimedia content.Search & Filtering: Users can easily search for posts by keywords and filter content by categories for a better browsing experience.Admin Controls: Admins have the ability to manage users, feature posts, and moderate comments to maintain content quality.
Responsiveness: Smooth performance and adaptability across various devices and screen sizes for a consistent user experience.
User Authentication: Secure login and registration system with support for email/password and OAuth authentication via GitHub & Google.
Content Management: Users can create, edit, and delete blog posts with a rich text editor, allowing for easy content publishing.
Comment System: Readers can engage with posts through a dynamic commenting system, fostering discussion and interaction.
Post Saving: Users can save posts to their personal collection for easy access and future reference.
SEO Optimization: SEO-friendly URL structure and metadata optimization to improve discoverability on search engines.
Secure API: JWT-based authentication and role-based access control to protect user data and prevent unauthorized access.
Image Uploading: Seamless image uploading using ImageKit, allowing users to enhance their blog posts with multimedia content.
Search & Filtering: Users can easily search for posts by keywords and filter content by categories for a better browsing experience.
Admin Controls: Admins have the ability to manage users, feature posts, and moderate comments to maintain content quality.