---
title: "Introduction"
description: "A modern portfolio website built with React, Vite, Tailwind CSS, and Appwrite"
---

# Portfolio Website

A comprehensive, feature-rich portfolio website with an admin dashboard for complete content management.

## Tech Stack

| Technology | Purpose |
|------------|---------|
| React 18 | Frontend framework |
| Vite 5 | Build tool & dev server |
| Tailwind CSS 3 | Styling |
| Appwrite | Backend, database & storage |
| Lucide React | Icons |

## Key Features

<CardGroup cols={2}>
  <Card title="Blog System" icon="newspaper">
    Full-featured blog with categories, multiple authors, and rich text editing
  </Card>
  <Card title="Project Gallery" icon="folder">
    Showcase projects with custom URLs, galleries, and detailed descriptions
  </Card>
  <Card title="Shortlink System" icon="link">
    URL shortener with analytics, custom domains, and preview images
  </Card>
  <Card title="Shop & Orders" icon="shopping-cart">
    E-commerce with PayPal integration, order tracking, and secure file delivery
  </Card>
  <Card title="Font Management" icon="font">
    70+ Google Fonts plus custom font uploads with Bangla support
  </Card>
  <Card title="Rich Text Editor" icon="pen">
    Advanced editor with embeds, photo grids, tables, and full formatting
  </Card>
</CardGroup>

## Project Structure

```
src/
├── components/          # Reusable UI components
├── pages/
│   ├── Admin/          # Admin dashboard pages
│   └── ...             # Public pages
├── lib/                # Appwrite services & utilities
└── utils/              # Helper functions
```

## Quick Links

- [Quick Start Guide](/quick-start) - Get up and running in 10 minutes
- [Appwrite Setup](/appwrite/overview) - Configure your backend
- [Deployment Guide](/deployment) - Deploy to Vercel