Skip to content

A modern, responsive personal portfolio website built with Astro, Tailwind CSS, and TypeScript, featuring dynamic project showcases, automated PDF resume export, and performance-first SEO optimizations.

Notifications You must be signed in to change notification settings

raptor1820/personalwebsite

Repository files navigation

🚀 Ritwic Verma's Personal Website

A modern, responsive portfolio website showcasing my journey as a software engineer, built with cutting-edge web technologies.

✨ Features

  • 🎨 Modern Design: Clean, professional interface with dark/light theme support
  • 📱 Fully Responsive: Optimized for all devices and screen sizes
  • ⚡ Lightning Fast: Built with Astro for optimal performance
  • 🔧 Interactive Portfolio: Dynamic project showcases with live demos
  • 📄 PDF Generation: Automated resume/CV generation
  • 🎯 SEO Optimized: Built-in meta tags and structured data

🛠️ Tech Stack

  • Framework: Astro - The web framework for content-driven websites
  • Styling: Tailwind CSS - Utility-first CSS framework
  • Language: TypeScript - Type-safe development
  • Package Manager: Bun - Fast all-in-one JavaScript runtime
  • Icons: Font Awesome - Professional icon library

🎯 Highlights

  • Featured Projects: Showcasing innovative solutions including AI-powered tools, developer utilities, and web applications
  • Recognition: Projects featured in Times of India and awarded at major hackathons
  • Open Source: Built on open-source technologies with clean, maintainable code
  • Performance: Lighthouse score optimized for speed and accessibility

🚀 Quick Start

# Clone the repository
git clone https://github.com/raptor1820/personalwebsite.git

# Navigate to the project
cd personalwebsite

# Install dependencies
bun install

# Start development server
bun dev

# Build for production
bun build

📁 Project Structure

src/
├── components/     # Reusable UI components
├── data/          # Portfolio data and configurations
├── pages/         # Astro pages (routes)
├── pdf/           # PDF generation components
├── types/         # TypeScript type definitions
├── utils/         # Utility functions
└── web/           # Web-specific components

🎨 Customization

The website is built with modularity in mind. Key configuration files:

  • src/data/config.ts - Main site configuration
  • src/data/sections/ - Individual portfolio sections
  • tailwind.config.cjs - Styling configuration

📊 Performance

  • Bundle Size: Optimized with Astro's zero-JS by default approach
  • Lighthouse Score: 100/100 for Performance, Accessibility, and SEO
  • Load Time: Sub-second loading on modern connections

🤝 Contributing

While this is a personal portfolio, I welcome suggestions and improvements! Feel free to:

  • 🐛 Report bugs via issues
  • 💡 Suggest new features
  • 🔧 Submit pull requests for improvements

📄 License

This project is based on devscard by KonradSzwarc, customized and enhanced for personal use.


Built with ❤️ by Ritwic Verma
🌐 Visit the live site

About

A modern, responsive personal portfolio website built with Astro, Tailwind CSS, and TypeScript, featuring dynamic project showcases, automated PDF resume export, and performance-first SEO optimizations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published