Skip to main content
Cyber Sphere banner

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.

  • React
  • TailWind CSS
  • React Quill
  • TanStack Query
  • Express.js
  • JWT
  • MongoDB
  • Vite
  • Mongoose
  • ImageKit
Key Features

  • ResponsivenessSmooth performance and adaptability across various devices and screen sizes for a consistent user experience.
  • User AuthenticationSecure login and registration system with support for email/password and OAuth authentication via GitHub & Google.
  • Content ManagementUsers can create, edit, and delete blog posts with a rich text editor, allowing for easy content publishing.
  • Comment SystemReaders can engage with posts through a dynamic commenting system, fostering discussion and interaction.
  • Post SavingUsers can save posts to their personal collection for easy access and future reference.
  • SEO OptimizationSEO-friendly URL structure and metadata optimization to improve discoverability on search engines.
  • Secure APIJWT-based authentication and role-based access control to protect user data and prevent unauthorized access.
  • Image UploadingSeamless image uploading using ImageKit, allowing users to enhance their blog posts with multimedia content.
  • Search & FilteringUsers can easily search for posts by keywords and filter content by categories for a better browsing experience.
  • Admin ControlsAdmins have the ability to manage users, feature posts, and moderate comments to maintain content quality.
Preview

Cyber Sphere screenshot 1
Cyber Sphere screenshot 2
Cyber Sphere screenshot 3