Skip to content

πŸ’» StackOverflow Clone built with Next.js ⚑, Appwrite πŸ“¦ & Tailwind CSS 🎨 | Ask, answer & grow as a developer πŸš€

Notifications You must be signed in to change notification settings

shivkantx/stackoverflow-appwrite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

66 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

StackOverflow Clone with Appwrite

A modern, full-stack Q&A platform inspired by Stack Overflow, built with Next.js 15, Appwrite, and TypeScript. This application provides a seamless developer experience for asking questions, sharing knowledge, and building a community.

✨ Features

  • πŸ” User Authentication - Secure sign-up and login with Appwrite Auth
  • ❓ Ask Questions - Post questions with rich text formatting
  • πŸ’¬ Answer & Comment - Engage with the community through answers and comments
  • ⬆️ Voting System - Upvote/downvote questions and answers
  • 🏷️ Tags & Categories - Organize questions with tags for easy discovery
  • πŸ” Search & Filter - Powerful search functionality to find relevant questions
  • πŸ‘€ User Profiles - View user activity, reputation, and contributions
  • πŸ“Š Reputation System - Earn reputation points for helpful contributions
  • 🎨 Modern UI/UX - Clean, responsive design with Tailwind CSS
  • ⚑ Real-time Updates - Instant updates powered by Appwrite

πŸ› οΈ Tech Stack

  • Frontend: Next.js 15 (App Router), React 19, TypeScript
  • Backend: Appwrite (BaaS)
  • Styling: Tailwind CSS
  • Font: Geist Font Family (optimized with next/font)
  • Deployment: Vercel (recommended)

πŸ“‹ Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js 18.x or higher
  • npm, yarn, pnpm, or bun
  • An Appwrite account (Sign up here)

πŸ“ Project Structure

stackoverflow-appwrite/
β”œβ”€β”€ app/                    # Next.js app directory
β”‚   β”œβ”€β”€ (auth)/            # Authentication pages
β”‚   β”œβ”€β”€ (main)/            # Main application pages
β”‚   β”œβ”€β”€ api/               # API routes
β”‚   β”œβ”€β”€ layout.tsx         # Root layout
β”‚   └── page.tsx           # Home page
β”œβ”€β”€ components/            # Reusable React components
β”œβ”€β”€ lib/                   # Utility functions and configurations
β”‚   β”œβ”€β”€ appwrite.ts       # Appwrite client setup
β”‚   └── utils.ts          # Helper functions
β”œβ”€β”€ public/               # Static assets
β”œβ”€β”€ styles/               # Global styles
└── types/                # TypeScript type definitions

🎯 Key Features Explained

Authentication Flow

  • Users can sign up with email/password or OAuth providers
  • Session management handled by Appwrite
  • Protected routes for authenticated users

Question & Answer System

  • Create questions with rich text editor
  • Add tags for better categorization
  • Accept answers to mark them as solutions
  • Vote on questions and answers

Reputation System

  • Earn points for helpful contributions
  • Upvotes on your questions/answers increase reputation
  • Accepted answers provide bonus points

About

πŸ’» StackOverflow Clone built with Next.js ⚑, Appwrite πŸ“¦ & Tailwind CSS 🎨 | Ask, answer & grow as a developer πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published