Zemerik's Resume

A Modern, Dynamic Resume with Beautiful UI/UX

📖 About

Welcome to my Modern Dynamic Resume! This is a beautifully designed, interactive resume built with cutting-edge web technologies. It features a stunning UI with glassmorphism effects, smooth animations, and a professional print layout.

Whether you're a recruiter, colleague, or just curious about my background, this resume provides a comprehensive yet elegant view of my professional journey, skills, projects, and achievements. The design balances aesthetic appeal with functionality, ensuring an engaging experience across all devices.

⭐ Key Features

🎨 Modern Design

• Glassmorphism Effects: Beautiful frosted glass aesthetics throughout
• Smooth Animations: Elegant transitions and micro-interactions
• Gradient Backgrounds: Dynamic, animated gradient effects
• Responsive Layout: Perfect viewing experience on all devices
• Multiple Themes: Switch between light, dark, and custom color themes

💼 Professional Content

• Experience Timeline: Modern timeline design showcasing work history
• Projects Showcase: Beautiful project cards with detailed descriptions
• Skills Visualization: Progress bars and level indicators for technical skills
• Education Details: Clean, organized educational background display
• About Section: Engaging personal summary with enhanced styling

🖨️ Print Functionality

• Professional Print Layout: Optimized A4 format with proper margins
• Image & Icons: All visual elements properly displayed in print
• Clean Styling: Professional black and white formatting
• Auto-expanded Content: All details automatically visible when printing

⌨️ Keyboard Shortcuts

• Quick access to all major features via keyboard commands
• Command palette for navigation
• Quick links to social profiles

📱 User Guide

Windows Users:

• CTRL + K = View Command Palette
• CTRL + P = Print Resume
• CTRL + L = Visit LinkedIn
• CTRL + X = Visit X (Twitter)
• CTRL + G = Visit GitHub
• Esc = Close Palette

Use Up & Down Arrows to Navigate
Press Enter to Select

macOS Users:

• CMD + K = View Command Palette
• CMD + P = Print Resume
• CMD + L = Visit LinkedIn
• CMD + X = Visit X (Twitter)
• CMD + G = Visit GitHub
• Esc = Close Palette

Use Up & Down Arrows to Navigate
Press Enter to Select

Note

Feel free to open Pull Requests to suggest new commands or shortcuts!

🚀 Quick Start

Prerequisites

• Node.js (v18 or higher recommended)
• Git installed on your machine
• A modern code editor (VS Code recommended)

Installation

1. Clone the repository:

   git clone https://github.com/Zemerik/Resume.git
   cd Resume

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:4321 to view the resume

Build for Production

npm run build

Preview the production build:

npm run preview

📁 Project Structure

├── public/
│   ├── themes/
│   ├── branding.png
│   ├── favicon.png
│   └── screenshots/
├── src/
│   ├── components/
│   │   ├── sections/
│   │   │   ├── About.astro
│   │   │   ├── Education.astro
│   │   │   ├── Experience.astro
│   │   │   ├── Hero.astro
│   │   │   ├── Projects.astro
│   │   │   ├── Skills.astro
│   │   │   └── Tail.astro
│   │   ├── KeyboardManager.astro
│   │   ├── Section.astro
│   │   └── ThemeSwitch.astro
│   ├── icons/
│   ├── layouts/
│   │   ├── Layout.astro
│   │   └── Vengeance.astro
│   ├── pages/
│   │   └── index.astro
│   ├── cv.d.ts
│   └── types.d.ts
├── .gitignore
├── .prettierrc
├── astro.config.mjs
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── SECURITY.md
├── cv.json
├── package.json
├── tailwind.config.mjs
└── tsconfig.json

🛠️ Technologies Used

• Astro - Modern static site generator
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Alpine.js - Lightweight JavaScript framework
• Vercel - Deployment platform

🤝 Contributing

Contributions are always welcome and greatly appreciated! Whether it's bug fixes, new features, or improvements to documentation, your help makes this project better for everyone.

Please read our CONTRIBUTING.md guide for detailed information on how to contribute, including our code of conduct and development workflow.

📄 License

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

💁 Support

For questions, support, or just to connect, feel free to join our Discord Server:

📝 Changelog

See CHANGELOG.md for a detailed list of changes and updates.

---

Don't forget to leave a ⭐ if you found this helpful!
Made with 💖 by Hemang Yadav (Zemerik)