Akashdeep Singh Portfolio

• 

  Dark Mode about page

• 

  light mode about page

• 

  education page

• 

  contact page

• 

  cp page

• 

  responsiveness

• 

  mobile-friendly

Inspiration

I wanted a personal online space to showcase my projects, skills, and growth as a developer. The goal was to create a portfolio that not only displays my work but also demonstrates my ability to build interactive, modern web applications.

What it does

The portfolio highlights:

• My projects with descriptions and links.
  
• My skills in web development, animations, and responsive design.
  
• A contact form for easy communication.
  
• Smooth navigation and interactive UI elements that enhance user experience.
  

How we built it

• Frontend: React & Vite for component-based architecture.
  
• Styling: Tailwind CSS for responsive, clean design.
  
• Animations: Framer Motion for interactive elements.
  
• Deployment: Netlify for a fast and live web experience.
  

Challenges we ran into

• Ensuring smooth animations without slowing down the site.
  
• Making the site responsive across all devices.
  
• Organizing components to keep the codebase maintainable and scalable.
  

Accomplishments that we're proud of

• Created a fully functional, live portfolio hosted online.
  
• Built a clean and interactive UI with custom animations.
  
• Demonstrated the ability to integrate multiple technologies into one cohesive project.
  

What we learned

• Improved React component design and state management skills.
  
• Gained experience in responsive web design and animation implementation.
  
• Learned how to deploy and maintain a live website efficiently.
  

What's next for Akashdeep Singh Portfolio

• Add more projects and interactive features.
  
• Include a blog section to share coding experiences and tutorials.
  
• Continuously optimize performance and improve user experience.

Built With

• framer-motion
• netlify
• react
• tailwind-css