Elemental Portfolio — Mani Saketh

An elemental portfolio that visually reflects my growth in AI/ML and development through themes like ocean, fire, space, storms, and more.

Comment

Inspiration

I wanted a portfolio that goes beyond a standard resume — one that tells a story through design. Inspired by the elements of nature, each section represents a different phase of my journey as an AI/ML engineer and developer: from the depth of the ocean to fiery passion, cosmic skills, growing experience, storm-forged projects, experimental research, and a calm, icy conclusion. My goal was to make a visual, interactive journey that reflects both creativity and professional growth.

What it does

Elemental Portfolio is a fully interactive website that showcases my skills, projects, research, and experience. It guides users through my journey using distinct elemental-themed sections, integrates a Voiceflow chatbot to assist navigation, and presents my work in a story-driven, immersive format. The site is fully responsive and optimized for performance across devices.

How we built it

  • Frontend & Frameworks: Next.js, React
  • Interactivity: Voiceflow Chatbot integration
  • Deployment & Version Control: Git + GitHub, Netlify
  • Design: Custom animations and themed layouts for each elemental section, smooth transitions, and responsive design

Custom animations and interactive elements were coded to bring each elemental section to life, while the chatbot enhances navigation and engagement.

Challenges we ran into

  • Designing unique visual identities for each elemental section while keeping a cohesive style
  • Optimizing animations for performance and responsiveness
  • Integrating a Voiceflow chatbot seamlessly into the website flow

Accomplishments that we're proud of

  • Fully themed portfolio website reflecting a creative journey through nature elements
  • Integrated AI-powered Voiceflow chatbot to guide users
  • Smooth animations and responsive layouts that enhance the user experience
  • Clear storytelling that combines creativity, technical skills, and professional branding

What we learned

  • Advanced UI/UX design techniques for storytelling
  • How to integrate chatbots into web interfaces
  • Effective use of Next.js and React for scalable web development
  • How to balance creativity, interactivity, and performance in a real project

What's next for Elemental Portfolio — Mani Saketh

  • Add more interactive AI/ML project demos
  • Enhance the chatbot intelligence for richer user interaction
  • Introduce light/dark mode toggle for accessibility and personalization
  • Continuously update the portfolio with new projects and research work
  • Experiment with new animations and visual storytelling techniques to keep it engaging

Built With

Share this project:

Updates