Portfolio Website

Portfolio Website

Published: 2025-12-21 Updated: 2025-12-21
astro web development typescript tailwind css
View on GitHub Live Project

My personal portfolio website built with Astro, showcasing my projects, skills, and journey as a backend developer. This is where I share my work and connect with the developer community.

Overview

This is my personal portfolio website built with Astro, designed to showcase my projects, skills, and journey as a backend developer. The site serves as a platform to share my work and connect with the developer community. The live site can be found at krsahil.co.in.

About

I built this portfolio to showcase my backend development skills and projects. The site is designed to be fast, accessible, and easy to navigate, reflecting the same principles I apply in my backend work.

As a backend developer working with Java and Python, I focus on building reliable web applications using frameworks like Django and Flask. I’m constantly learning and improving my skills in data structures, algorithms, and system design.

Features

  • Fast & Responsive: Built with Astro for optimal performance and SEO
  • Project Showcase: Detailed case studies of my development work
  • Blog Section: Technical articles and learning experiences
  • Modern Design: Clean UI with Tailwind CSS
  • Optimized: Static site generation for lightning-fast load times

Tech Stack

  • Framework: Astro - Static site generator
  • Styling: Tailwind CSS - Utility-first CSS framework
  • Deployment: GitHub Pages - Automated deployment via GitHub Actions
  • Language: TypeScript - Type-safe development

Getting Started

Prerequisites

  • Node.js (v20 or higher)
  • npm or yarn package manager

Installation

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

Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build locally

Project Structure

├── public/              # Static assets (images, icons, etc.)
├── src/
│   ├── components/      # Reusable Astro components
│   ├── content/         # Content collections (blogs, projects)
│   ├── layouts/         # Page layouts
│   ├── pages/           # Route pages
│   └── styles/          # Global styles
├── .github/
│   └── workflows/       # GitHub Actions for deployment
└── astro.config.mjs     # Astro configuration

Deployment

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

The workflow:

  1. Builds the Astro site
  2. Optimizes assets
  3. Deploys to GitHub Pages

Connect With Me

License

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

Built with ❤️ using Astro and Tailwind CSS by Kumar Sahil

Browse other projects that demonstrate real-world problem solving, and production-ready development.