Blogistan

Blogistan Project By Farman Ali

Blogistan, built by Farman Ali, a self-taught MERN stack developer from Bahawalpur, Pakistan, is a full-stack blog platform. Crafted with React for a fast, responsive frontend and Appwrite for backend services like authentication and database management, it’s a showcase of my skills in modern web development. Authors can create and manage blogs, while readers enjoy a seamless, category-driven experience—perfect for writers and content lovers alike.

Live

Github

📖 Overview

Blogistanis a full-featured blog platform designed to empower authors and engage readers. With built-inuser authentication,blog creation,category management, and aresponsive design, it offers a seamless writing and reading experience.

Authors can manage blogs and categories, while readers can explore content by category or author. Blogistan is perfect for writers looking to build their presence and for readers searching for high-quality, organized content.

✨ Features

🔐 User Authentication

Login
Signup
Logout

📝 Blog Management

Create, update, delete blog posts
Each blog includes:
- Title
- Rich content
- Featured image with preview
- Author info
- Category tags

🗂️ Category Management

Create, update, delete categories
Default category "Uncategorized" is protected
Each category includes:
- Name
- Linked blogs
- Category creator (author)

👤 Author Management

Author profiles include:
- Name
- Email
- Bio
- Social media links (Facebook, Instagram, LinkedIn, Medium, X)
- List of authored blogs and created categories

🖥️ Responsive Design

Fully responsive UI
Works smoothly on desktop, tablet, and mobile devices

⚙️ Edit Account Page

Update personal details
Change password securely

🗂️ Pages

Home Page– Shows the latest blog posts
Author Page– Lists all blogs and categories created by a specific author
Category Page– Displays blogs from a selected category
Edit Account Page– Lets users update their profile and password

🧩 Data Model

Blog

{
  title: string;
  content: string;
  featuredImage: string;
  author: Author;
  categories: Category[];
}

Author

{
  name: string;
  email: string;
  bio: string;
  facebook: string;
  instagram: string;
  linkedin: string;
  x: string;
  medium: string;
  blogs: Blog[];
  categories: Category[];
}

⚙️ Tech Stack

Frontend: React.js, Tailwind CSS
Backend: Appwrite (Database, Auth, Storage)
Deployment: Netlify

🚀 Setup & Installation

Clone the repository git clonehttps://github.com/farmanali6349/blogistan

Navigate into the project directorycd blogistan

Install dependenciesnpm install

Configure Appwrite backend (Use Appwrite console to set up project, collections, and environment variables)

Start development servernpm run dev

📦 Deployment

The project is deployed onNetlify. You can deploy your own version by connecting the GitHub repo and setting environment variables for Appwrite.

🤝 Contributing

Contributions are welcome! Feel free to fork the repo, open issues, and submit pull requests.

📬 Contact

Name:Farman Ali
Portfolio:farmanali.fun
GitHub:farmanali6349
Linkedin:farmanali6349

Blogistan

Blogistan Project By Farman Ali

📖 Overview