Inspiration

As a developer, I wanted to build a portfolio that not only displays my projects but also gives a modern, interactive, and professional feel. The idea was to make something that instantly catches attention with smooth animations, a customizable theme, and direct access to my GitHub and LinkedIn.

What it does

This is a personal portfolio website designed to showcase my skills, projects, and achievements in a visually engaging way. ✨ Key Features:

Dark/Light theme toggle for a customizable experience

GitHub and LinkedIn integration for instant networking

Particles.js animated background for a dynamic look

Smooth animations and responsive design using HTML, CSS, and JavaScript

Fully deployed and live on Netlify

How I built it

Frontend: HTML, CSS, JavaScript

Animations: CSS transitions & effects

Interactive Background: particles.js

Hosting: Netlify with continuous GitHub deployment

Challenges I ran into

Ensuring the theme toggle worked perfectly across all pages

Keeping the performance smooth with animations + particles.js

Achieving a consistent responsive layout on all screen sizes

Accomplishments I’m proud of

Built a professional-grade portfolio from scratch

Added interactive features like theme switching and particles.js

Successfully integrated GitHub + LinkedIn for real-world use

What I learned

Advanced web animation techniques

Clean UI/UX design practices

How to create a strong personal brand as a developer

Deploying and managing live websites with Netlify

What’s next

Adding a blog section for sharing insights & tutorials

Automatic updates of projects from GitHub

More creative animations while keeping performance high

Share this project:

Updates

Submission history