Artisan AI: Ali Heydari's Personal Blog & Portfolio

A visually stunning, illustrative personal blog and portfolio for a Full-Stack AI developer, built for performance and scalability on the edge.

About The Project

Artisan AI is a visually stunning and highly polished personal blog and portfolio for Ali Heydari, a Full-Stack Developer and AI Enthusiast. The application is designed with an 'Illustrative' artistic style, featuring custom graphics, playful elements, and an expressive, human-centered feel. The core of the site is a static blog built with React and Vite, showcasing Ali's skills, projects, and AI-focused articles. Dynamic functionality, such as the contact form, is powered by serverless functions. The entire experience is designed to be a masterpiece of both function and form—visually breathtaking, intuitively designed, and delightfully interactive.

Key Features

• Stunning Visual Design: A unique 'Illustrative' style with a carefully selected color palette, elegant typography, and custom graphics.
• Blazing Fast Performance: Built as a static site with Vite and deployed on the edge for optimal speed.
• Dynamic Functionality: Serverless contact form for seamless communication.
• Rich Content Sections: Includes a Home page, About section, Projects gallery, and a full-featured Blog.
• Interactive & Polished UI: Smooth animations and micro-interactions using Framer Motion for a delightful user experience.
• Fully Responsive: Meticulously crafted to look and work perfectly on all devices, from mobile phones to large desktops.

Technology Stack

This project is built with a modern, edge-native tech stack:

• Framework: React with Vite
• Backend: Serverless Functions (e.g., using Hono)
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Animations: Framer Motion
• Forms: React Hook Form with Zod
• Deployment: Static site hosting with edge deployment
• Package Manager: Bun

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v18 or later)
• Bun

Installation

1. Clone the repository:

   git clone https://github.com/your-username/artisan-ai-blog.git
   cd artisan-ai-blog

2. Install dependencies:

   bun install

3. Set up local environment variables: For features requiring backend services (like AI integrations), you may need to create a local environment file (e.g., .dev.vars) and add the necessary API keys and endpoints.

Running the Development Server

To start the local development server:

bun dev

Open http://localhost:3000 to view the application in your browser.

Development Scripts

• bun dev: Starts the development server with hot-reloading.
• bun build: Builds the application for production.
• bun lint: Runs the linter to check for code quality issues.

License

Distributed under the MIT License. See LICENSE for more information.