Rahul KR - Developer Portfolio

Welcome to my personal developer portfolio, crafted with passion and compiled beautifully to showcase my path, projects, and professional skills as a Software Developer. This project leverages the modern capabilities of the Angular framework integrated seamlessly with Tailwind CSS for optimal and responsive UI/UX.

🚀 Features

• Modern & Responsive UI: Fully responsive application engineered with Tailwind CSS, ensuring an optimized viewing experience on mobile, tablet, and desktop devices.
• Component-Driven Architecture: Structured modularly with standalone active components including:
  • Home: The vibrant landing zone introducing my core role.
  • About: Detailed insights into my background and foundation.
  • Projects & Project Card: A detailed exposition of my personal projects.
  • Contact Form: An integrated contact mechanism powered by EmailJS, simplifying communications directly from the application.
  • UI overlays like Dialog Box and Info Pop-over.
• Standalone Angular Structure: Embracing modern Angular best practices, employing standalone components, fine-grained routing, and efficient styling.
• PWA Ready & Custom Branding: Configured as a Progressive Web App (PWA) with a customized brand logo, offering an app-like experience with installability and offline support.

🛠️ Technology Stack

• Framework: Angular JS (v20)
• PWA: @angular/pwa for service workers, app manifest, and offline capabilities.
• Styling: Tailwind CSS v4 directly integrated with Angular CLI via postcss.
• Languages: TypeScript, HTML5, SCSS/CSS.
• Service Integration: EmailJS for interactive contact features.

⚙️ Development Server

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

🏗️ Building

To build the project for production, run:

ng build

The compiled output will be securely stored in the dist/ directory, maximally optimized for performance.

🧪 Testing

To execute unit tests securely via Karma:

ng test

🤝 Contact

Feel free to connect or drop a message to discuss potential opportunities or collaborations!

• Email: [email protected]
• LinkedIn: Rahul Ramakrishnan
• GitHub: Rahul Ramakrishnan
• Instagram: @rahulramakrishnan._