Ramin Moradi (MoonShadow) - Interactive Portfolio

Welcome to the source code for my personal portfolio, an interactive terminal-style website designed to showcase my skills and experience as a CTO, DevOps/Security Engineer, and Blockchain Expert.

🚀 Live Demo: moonshadowrev.me

---

✨ Features

• Interactive Terminal UI: A unique, command-line interface to explore my profile, skills, and projects.
• Blazing Fast Performance: Built with Preact and Vite for a lightweight, speedy user experience.
• SEO Optimized: Comprehensive metadata and JSON-LD schema for excellent search engine visibility.
• Fully Responsive: Designed to work seamlessly on all devices, from desktops to mobile phones.
• Modern Tech Stack: Leverages the latest in frontend technologies for a robust and maintainable codebase.

🛠️ Technical Stack

This project is built with a focus on performance, developer experience, and code quality.

• Framework: Preact - A fast 3kB alternative to React with the same modern API.
• Build Tool: Vite - Next-generation frontend tooling that provides a faster and leaner development experience.
• Language: TypeScript - For static type-checking and improved code maintainability.
• Styling: Tailwind CSS - A utility-first CSS framework for rapid UI development.
  • clsx & tailwind-merge: For conditional and conflict-free class name management.
  • tailwindcss-animate: For simple and composable CSS animations.
• Routing: React Router DOM - For declarative, client-side routing in this single-page application (SPA).
• Linting: ESLint - To enforce code style, find, and fix problems in the codebase.

🚀 Getting Started

You can run this project locally using bun, pnpm, or npm. Bun is recommended for the fastest performance.

1. Clone the Repository

git clone https://github.com/moonshadowrev/moonshadow.me-portfolio.git
cd moonshadow.me-portfolio

2. Install Dependencies

Choose your preferred package manager:

# With Bun (Recommended)
bun install

# With PNPM
pnpm install

# With NPM
npm install

3. Run the Development Server

This will start the Vite development server with Hot Module Replacement (HMR).

# With Bun
bun run dev

# With PNPM or NPM
pnpm run dev
# or
npm run dev

Open http://localhost:5173 (or the port shown in your terminal) to view it in the browser.

📦 Available Scripts

In the project directory, you can run the following commands:

• dev: Starts the development server.
• build: Bundles the app for production into the dist folder.
• build:dev: Bundles the app in development mode (unminified).
• preview: Serves the production build locally to preview it.
• lint: Runs ESLint to analyze the code for potential errors and style issues.

🤝 Contributing

As this is a personal portfolio, I am not actively seeking contributions. However, if you spot a bug or have a suggestion, feel free to open an issue!

📄 License

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