CodeAura

• 

  Portfolio

Inspiration

In a world where first impressions often happen online, I wanted to build a portfolio that’s more than just a digital resume. I wanted it to be fast, modern, responsive, and optimized for visibility and performance. That’s why I chose to participate in Portfolio—to push myself to build something unique and personal.

What it does

This is a fully responsive and SEO-friendly portfolio website built with Next.js and Tailwind CSS. It includes sections like About, Projects, Skills, and a contact form with built-in animations to enhance the user experience. The contact page is integrated with Email JS so users can directly send me messages without backend setup.

How I built it

• Frontend: Next.js for server-side rendering and better SEO.
• Styling: Tailwind CSS for utility-first styling and responsive design.
• Animations: Used libraries like Framer Motion (or CSS transitions if used) for smooth transitions, especially in the contact section.
• Email Integration: Email JS to send emails directly from the contact form without needing a backend.

Challenges I ran into

• Getting smooth and consistent animations across different devices and screen sizes.
• Making sure the design was SEO-friendly while also visually appealing.
• Setting up Email JS properly with good validation and user feedback.

What I learned

• How to leverage the power of Next.js for performance and SEO.
• Mastered responsive design with Tailwind CSS.
• Learned to integrate third-party APIs like Email JS efficiently.
• Gained experience working with animations and improving UX.

What's next

I plan to add a blog section, theme toggle (dark/light), and maybe a little AI assistant that can walk visitors through my work.

Built With

• emailjs
• nextjs
• react
• tailwindcss