A portfolio is more than just a website — it’s your digital handshake. I built aroratech.tech to introduce myself to the world, showcase my skills, and make it easier for recruiters and collaborators to get to know me in one place.

Here’s how I approached designing and building my developer portfolio from scratch.

🧠 Why Build a Portfolio?

As a full-stack developer, I realized that a clean, functional, and elegant portfolio can:

  • Reflect my personality and coding style.
  • Show my projects, blogs, and experience in a scroll.
  • Act as a central hub for networking and job hunting.

🧰 Tech Stack Used

  • Frontend: React.js (with functional components)
  • Styling: CSS Modules
  • Framework: Bootstrap
  • Hosting: Netlify
  • Domain: aroratech.tech

📋 Portfolio Sections

🏠 Home

  • A brief, catchy intro with my name and what I do.
  • Smooth scroll-down animation to rest of the page.

👨‍💻 Projects

  • Cards showing my top projects.
  • Each card links to GitHub or a live demo.
  • Built with reusability in mind.

📖 Blogs

  • Synced with dev.to/blog links OR manually added featured posts.
  • If writing blogs is a passion, this is a must.

🛠 Skills

  • Displayed key stacks like React, Node.js, MongoDB, etc.
  • Icons, tags, or clean badge styles.

📞 Contact

  • Email ID
  • GitHub & LinkedIn
  • Direct link to resume

✨ Highlights

  • Mobile Responsive: Looks clean on both mobile and desktop.
  • Performance Optimized: Lazy loading and minimal asset sizes.
  • Custom Domain: aroratech.tech makes it look more professional.
  • Animated Transitions: Smooth user experience using subtle animations.

🧩 Code Snippet

Here’s a small snippet of how I rendered each project dynamically:

const projects = [
  { title: 'VyapaarX', desc: 'Business management system using MERN stack', link: '#' },
  { title: 'Portfolio Site', desc: 'This very website!', link: 'https://aroratech.tech' }
];

projects.map((project) => (
  
    {project.title}
    {project.desc}
    Live Demo
  
));

🎯 Learnings

  • Importance of minimal, clean design.
  • Deploying and managing a custom domain.
  • Optimization techniques like image compression, code splitting.
  • Google Lighthouse audit and improving SEO scores.

🔮 What’s Next?

  • Add dark mode toggle.
  • Set up a CMS for easy blog posting.
  • Add testimonials or project case studies.

💬 Final Thoughts

Building aroratech.tech helped me see my growth over the years — from hobby projects to professional work. It's also a living project — something I keep refining and improving as I grow.

Do check it out and drop your feedback on LinkedIn or GitHub. Thanks for reading!

Image description