“Under Construction.” That banner sat on my screen for weeks.
Between design tweaks, late-night debugging, and far too much caffeine, it almost started to feel like a permanent feature.
But not anymore.
👉 It’s live! → https://aish-portfolio-website.netlify.app/
🌟 Why I Built This
I wanted a space that could represent me — not just as a developer, but as a problem-solver, a learner, and a creator. This portfolio is more than just a list of projects. It’s my digital identity.
Whether it’s a recruiter scanning for skills, a collaborator checking out my work, or someone simply curious about what I do — I wanted to make sure they leave with a solid impression.
🔧 Tech Stack & Tools
I kept the stack lightweight but expressive, focusing on speed, maintainability, and aesthetics:
- React.js – Modular, dynamic UI components
- Tailwind CSS – For clean, utility-first styling
- Framer Motion – To bring sections alive with subtle transitions
- Netlify – Quick & hassle-free deployment
I also used:
- React Icons for visual flair
- VS Code + Git for dev workflow
- Figma (for initial UI mockups and layout experimentation)
💡 Features I’m Proud Of
✅ Responsive Design — Seamless on all screen sizes
✅ Animated Navigation — Smooth scroll, active section highlight
✅ Project Showcase — Clean cards with GitHub & live links
✅ Certifications & Resume Download — Easy access to creds
✅ Contact Section — Direct and minimal
🧠 The Journey (And Some Pain Points)
Every project has its curveballs. Here are mine:
- Balancing Design & Performance: I wanted animations, but I didn't want lag. Framer Motion made it easier to strike that balance.
- Responsive Design Breakdowns: Styling across different devices broke the layout multiple times. Media queries and Flexbox fixes to the rescue!
- Fighting Deployment Bugs: Build errors that only showed after pushing to Netlify. Learned to love the build logs.
🎯 Key Takeaways
- Start simple, then scale: My first draft was just text blocks. The animations and enhancements came later.
- Good UI is invisible: Transitions, spacing, and feedback matter more than flashy designs.
- Don’t aim for perfection on Day 1: What matters is shipping it — iteration can (and should) follow.
🔗 See It Live
👉 https://aish-portfolio-website.netlify.app/
I’d love to hear your thoughts — feedback, feature suggestions, or just a “Hey, nice work!” — anything helps.
And if you’ve made your own portfolio or are planning one, drop the link. Let’s connect and support each other.
🚀 TL;DR
✅ Built with React, Tailwind, Framer Motion
✅ Deployed on Netlify
✅ Clean, responsive, animated UI
Thanks for reading — and if you're building your own, keep going.
It’s worth it.
Top comments (4)
genuinely, this is one of the beautiful portfolios i have ever seen so far, but here are few notes you can keep in mind for future improvements, such as considering to remake the whole website's background to something more static and still; as the dark/light mode is not working due to the animated background.
you can also add more shading to texts as they're a bit hard to read for many small texts and footer details as well.
in addition, make the website less animated and focus on using one global color palette, i will include a website link for reference down below.
consider enlarging main titles using a white/light color fill.
finally, try to grid the elements to have a better layout design similar to how Pinterest impose images!
in conclusion, this is a very good progress honestly, i would like to see a small part where you add a version info down in the footer :D
REF:
thanks a ton.. will keep all these suggestions in mind and will definitely look into improving it and making these changes
So cool girllll , I like it so much , followed you on GitHub, Keep going 💪🏻😍
thank you so much