DevBytes

DevBytes is a blogging platform designed for developers. It allows users to create, edit, and publish blog posts, with a focus on topics related to development and technology. The platform is built using React, Tailwind CSS, and Appwrite for backend services.

Stars
0
Committers
2

DevBytes

Overview

DevBytes is a blogging platform designed for developers. It allows users to create, edit, and publish blog posts, with a focus on topics related to development and technology. The platform is built using React, Tailwind CSS, and Appwrite for backend services.

Features

User Authentication

  • Sign Up & Login: Users can create an account and log in securely.
  • Session Management: Users remain logged in across sessions, ensuring a seamless experience.

Blogging Features

  • Create Blog Posts: Users can create new blog posts with a title, content, tags, and an optional cover image.
  • Edit Blog Posts: Users can edit their existing blog posts, including changing the content, title, tags, and cover image.
  • Delete Blog Posts: Users can delete their blog posts when they no longer wish to display them.
  • View All Blogs: Users can view a feed of all blog posts, including the ability to click through to view the full content of each post.

Image Management

  • Upload Images: Users can upload cover images for their blog posts. The images are stored using Appwrite's storage service.
  • Edit Images: During the edit process, users can change the cover image or keep the existing one.

Tagging System

  • Add Tags: Users can add up to three tags to each blog post to categorize the content.
  • Remove Tags: Tags can be removed during the blog creation or editing process.

User Profile

  • View Profile: Users can view their profile, including all the blog posts they have authored.

Technologies Used

  • React: For building the user interface.
  • Tailwind CSS: For styling the application.
  • Appwrite: As the backend service for authentication, database, and storage.
  • ShadCn: For adding styling to the UI.
  • React Hook Form: For form handling.

Getting Started

Prerequisites

  • Node.js
  • NPM or Yarn
  • Appwrite instance set up for backend services

Clone the repository

git clone https://github.com/Balusekhar/DevBytes.git
Related Projects