Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Ali-hey-0/MyBlog

Repository files navigation

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:

Getting Started

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

Prerequisites

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.

AltStyle によって変換されたページ (->オリジナル) /