zysahidulla.github.io

Modern responsive portfolio built with React, TypeScript, Vite, and Tailwind CSS, showcasing projects, skills, experience, education, and professional work.

Comment

Zy Sahidulla's Portfolio

Professional portfolio website for Zy Sahidulla, showcasing projects, skills, and experience through a modern, responsive single-page application built with React, TypeScript, Vite, and Tailwind CSS.

Overview

This repository contains the personal portfolio and project showcase for Zy Sahidulla. The site presents a polished digital profile with interactive sections, motion-enhanced components, and a curated collection of featured work. It is designed to highlight technical capabilities, project outcomes, and professional background in a clean and user-friendly format.

Features

  • Responsive portfolio layout for desktop and mobile devices
  • Animated section transitions and interactive UI elements
  • Project showcase with feature highlights and deployment links
  • Experience and education sections
  • Contact and profile presentation for professional visibility
  • Lightweight front-end architecture with modern tooling

Tech Stack

  • React 18
  • TypeScript
  • Vite
  • Tailwind CSS
  • Framer Motion
  • React Router
  • Lucide React
  • Vitest

Project Structure

.
├── src/
│   ├── components/
│   ├── hooks/
│   ├── lib/
│   ├── pages/
│   ├── App.tsx
│   ├── main.tsx
│   └── index.css
├── public/
├── docs/
├── package.json
├── vite.config.ts
├── tailwind.config.ts
├── tsconfig.json
├── eslint.config.js
├── README.md
└── index.html

Prerequisites

Before running the project locally, ensure the following are installed:

  • Node.js 18 or later
  • npm or Bun

Installation

npm install

Local Development

Start the development server:

npm run dev

The application will be available in the local Vite development environment, typically at:

http://localhost:5173

Production Build

Build the project for production:

npm run build

This command generates the production bundle and copies the output into the docs folder for deployment compatibility.

Testing

Run the project test suite:

npm test

Scripts

  • npm run dev — start the development server
  • npm run build — create a production build and prepare deployment files
  • npm run preview — preview the production build locally
  • npm run lint — run ESLint checks
  • npm test — execute Vitest tests

Deployment

The site is configured to build into the docs directory for GitHub Pages-style hosting. The deployment output is generated through the build pipeline defined in the project scripts.

License

Copyright (c) 2026 Zy Sahidulla. All rights reserved.

This repository and all associated content, code, design, branding, assets, and materials are the exclusive intellectual property of Zysahidulla. No part of this project may be copied, reproduced, distributed, modified, sublicensed, or used in any form without the explicit written permission of the owner.

Unauthorized use, reproduction, or redistribution of this work, in whole or in part, is strictly prohibited and may result in legal action.

Contact

For professional inquiries, collaborations, or project discussions, please connect through the portfolio contact information listed on the site.

Share this project:

Updates