A visually stunning, illustrative personal blog and portfolio for a Full-Stack AI developer, built for performance and scalability on the edge.
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.
- 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.
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
To get a local copy up and running, follow these simple steps.
- Clone the repository:
git clone https://github.com/your-username/artisan-ai-blog.git cd artisan-ai-blog - Install dependencies:
bun install
- 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.
To start the local development server:
bun dev
Open http://localhost:3000 to view the application in your browser.
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.
Distributed under the MIT License. See LICENSE for more information.