🌐 Ariya Moheb's Personal Website - ariyadey.me

A dynamic and modern personal portfolio website built with cutting-edge web technologies. This platform serves as a central hub to showcase my professional journey, key projects, technical skills, and extensive experience as a Full-stack Software Engineer.

✨ Features

• Responsive & Adaptive Design: Delivers a seamless and optimized experience across desktops, tablets, and mobile devices.
• Multi-language Support (i18n): Fully localized content available in both English and Persian (Farsi).
• Dynamic Theme Toggling: User-friendly light and dark mode functionality.
• Clean, Maintainable, & Scalable Codebase: Developed with a strong adherence to modern architectural patterns and best practices.
• SEO Optimized: Implemented best practices for search engine optimization.
• Efficient Deployment: Leverages Cloudflare Pages for global content delivery and edge computing benefits.

🚀 Live Demo

Explore the live version of my personal portfolio website here: https://ariyadey.me

💻 Technologies Used

This project is primarily a frontend application, built with a focus on performance and maintainability.

Frontend Core:

• Angular (Latest Stable): The robust framework for building dynamic single-page applications.
• TypeScript: A superset of JavaScript that adds static typing for enhanced code quality and scalability.
• Tailwind CSS: A utility-first CSS framework for rapid and consistent styling.
• RxJS: For powerful reactive programming and state management.
• Angular Material: UI component library for consistent and accessible design.
• HTML5 / CSS3

Deployment & CI/CD:

• Cloudflare Pages: For fast, secure, and scalable global content delivery.
• GitHub Actions: Automating the build, test, and deployment pipeline for continuous integration and continuous delivery.

Development Practices:

• Object-Oriented Programming (OOP)
• Reactive Programming
• Design Patterns
• Clean Code Principles
• Git / GitHub

⚙️ Installation & Local Setup

To get a local copy of this project up and running for development or testing, follow these simple steps.

Prerequisites

Ensure you have the latest stable versions of:

• Node.js (which includes npm)

Setup Steps

1. Clone the repository:

   git clone [https://github.com/ariyadey/ariyadey.github.io.git](https://github.com/ariyadey/ariyadey.github.io.git)

2. Navigate into the project directory:

   cd ariyadey.github.io

3. Enable Corepack

   corepack enable

4. Install Yarn

   yarn set version stable

5. Install dependencies:

   yarn install

6. Run the development server:

   yarn start
   # Or, for an Angular-specific command:
   # ng serve

   The application will typically be accessible in your browser at http://localhost:4200.

🗺️ Roadmap

Here's a glimpse of the features and improvements planned for future iterations of this personal website:

• Performance & SEO Enhancements: Implement Server-Side Rendering (SSR) and Static Site Generation (SSG) techniques to boost initial load times and improve search engine visibility.
• Contact Form Integration: Develop and integrate a functional contact form to allow visitors to easily get in touch.
• Blogging Feature: Add a dedicated blog section to share insights, tutorials, and thoughts, complete with commenting functionality.
• Dedicated Content Pages: Create specific, richly detailed pages for "Experience" and "Projects" to provide more in-depth information.
• Interactive Chatbot: Introduce a chatbot to answer common user questions about my profile, skills, and projects, enhancing user engagement.
• Enhanced Interactive Features using WebSockets: Explore real-time functionalities like real-time chat for contact, or live notifications for new content/activity.
• Advanced AI Integrations: Implement AI capabilities such as semantic search for site content, or more sophisticated language understanding within the chatbot.
• Expanded Serverless Functionality: Leverage more serverless functions (e.g., Cloudflare Workers) for specific microservices or API endpoints.
• Potential Dedicated Backend: Explore the possibility of building a dedicated backend from scratch using Java Spring, containerization (Docker/Kubernetes), a database, and microservices architecture, if complex dynamic features are required.
• Progressive Web App (PWA) Capabilities: Implement PWA features to make my website installable on devices, offer offline access (for static content), and provide a more app-like experience. This can significantly improve user retention and accessibility.
• Advanced Animations & Micro-interactions: Beyond basic element animations, add subtle, thoughtful micro-interactions (e.g., hover effects on cards, click feedback) and more advanced, performance-optimized animations (e.g., using libraries like GSAP) to make the user interface more delightful and engaging.
• Comprehensive Accessibility Audit & Statement: Conduct a thorough audit against WCAG guidelines and consider publishing an accessibility statement on my site. This demonstrates a strong commitment to inclusive design and makes my website usable by the widest possible audience.
• Automated Testing Reports/Badges: Consider displaying test coverage (unit, integration, E2E) badges in README.md or even a simple test report page on my site. This showcases your commitment to quality.
• Performance Budgeting: As I add more features, define and continuously monitor a "performance budget" (e.g., max JavaScript size, load time, number of requests) to ensure my site remains fast and responsive.

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.