Skip to content

aalimzhanov/aalimzhanov.github.io

Repository files navigation

Adil Alimzhanov - Personal Portfolio

A modern, responsive portfolio website showcasing my journey as a Computer Science graduate and aspiring software developer. Built with React, TypeScript, and Vite.

🌐 Live Site: aalimzhanov.github.io

About

This portfolio represents my professional journey from Kazakhstan to Canada, highlighting my education at Mount Allison University where I graduated with a Bachelor of Science in Computer Science and Mathematics in May 2025. The site showcases my technical skills, leadership experience, and passion for software development.

Features

  • Responsive Design: Optimized for all devices and screen sizes
  • Modern UI: Clean, professional design with smooth animations
  • Interactive Components: Dynamic navigation and engaging user experience
  • Project Showcase: Highlighting key projects including this portfolio and a CV Builder application
  • Contact Integration: Easy ways to connect and collaborate

Tech Stack

  • Frontend: React 19, TypeScript, CSS3
  • Build Tool: Vite 7
  • Icons: React Icons
  • Styling: Modern CSS with custom properties and responsive design
  • Deployment: GitHub Pages

Project Structure

src/
├── components/
│   ├── Header.tsx      # Navigation header with smooth scrolling
│   ├── Hero.tsx        # Landing section with profile image and introduction
│   ├── About.tsx       # Personal story and skills showcase
│   ├── Projects.tsx    # Portfolio projects with GitHub/live links
│   └── Contact.tsx     # Contact information and social links
├── assets/
│   └── headshot.jpg    # Professional profile image
├── App.tsx             # Main application component
├── App.css             # Global styles and color theme
└── main.tsx            # Application entry point

Skills Highlighted

  • Languages: TypeScript, JavaScript, Python, Java, C++
  • Frontend: React, HTML5, CSS3, Responsive Design
  • Tools: Git, VS Code, npm, Vite
  • Soft Skills: Leadership, Teaching, Research, International Experience

Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn

Installation

  1. Clone the repository:
git clone https://github.com/aalimzhanov/aalimzhanov.github.io.git
cd aalimzhanov.github.io
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open http://localhost:5173 to view the site in your browser.

Available Scripts

  • npm run dev - Start development server with hot reload
  • npm run build - Build the project for production
  • npm run preview - Preview the production build locally
  • npm run lint - Run ESLint for code quality checks

Deployment

This site is automatically deployed to GitHub Pages. Any push to the main branch triggers a new deployment.

Design Philosophy

The website features a vibrant green color palette that reflects growth, nature, and professionalism:

  • Deep forest green (#132a13) for text and primary elements
  • Bright lime (#ecf39e) for backgrounds and highlights
  • Gradient combinations for visual interest and depth

Contact

Adil Alimzhanov

License

This project is open source and available under the MIT License.


Currently seeking full-time opportunities in software development where I can apply my technical skills, leadership experience, and passion for problem-solving.

About

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published