Portfolio

Inspiration

As a recent graduate passionate about building meaningful digital experiences, I wanted to create something that would not only showcase my technical skills but also reflect my personality and growth. I was inspired by the idea of blending design, interactivity, and AI-powered features to build a portfolio that feels alive and dynamic—not just a resume online, but an experience.

What it does

This portfolio is a responsive, full-stack personal website that introduces me and my work to the world. It highlights my skills in web development, projects, tech stack, and professional experience. It also includes interactive animations, a downloadable CV, and links to my GitHub and LinkedIn profiles. The goal was to create a clean, fast, and user-friendly site that communicates both professionalism and creativity.

How we built it

The project is built using:

• Angular 18 for the frontend UI/UX

• Tailwind CSS for styling and responsive design

• Vercel Hosting for deployment

• Custom animations using Angular Directives and transitions

• Markdown and SCSS for content formatting and visual polish

• Integrated GitHub Actions for CI/CD and version control

I also used tools like Figma for basic wireframing and visual layout design.

Challenges we ran into

• Getting responsive animations to work smoothly across screen sizes

• Integrating light/dark theme compatibility

• Deploying on Vercel with correct routing and asset handling

• Finding the balance between creative expression and professional tone

  Accomplishments that we're proud of

• Building and deploying a complete full-stack personal site from scratch

• Making the site visually appealing while keeping performance high

• Receiving positive feedback from peers and recruiters

• Learning how to tell my story through design, not just code

  What we learned

• Advanced Angular concepts and animation techniques

• Tailwind CSS theming and optimization

• Firebase deployment best practices

• How to communicate my skills and personality through design and content

• The importance of UI/UX in personal branding

  What's next for Portfolio

• Adding a blog powered by generative AI that suggests content ideas

• Integrating a contact form with backend support via NestJS or Firebase Functions

• Including real-time project updates via GitHub API

• Improving accessibility (A11y) and internationalization (i18n) support

• Experimenting with 3D animations or WebGL for a creative splash page

Built With

• angular.js
• prime-icons
• primeng
• tailwindcss
• typescript