Skip to content

moulahguine/sagar-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sagar Portfolio Website

This is a fully responsive personal portfolio website built with HTML5, CSS3, and Vanilla JavaScript.
It features Light and Dark Mode, Mobile Navigation, Dynamic Skills Display, Dynamic Project Sections, and Modern Responsive UI.


Features

  • 🔥 Light and Dark Mode Toggle (saved with localStorage)
  • 📱 Fully Responsive Design (Mobile, Tablet, Desktop)
  • 📌 Sticky Header on Scroll
  • 💻 Dynamic Skills Section (auto-generated via JavaScript)
  • 📂 Dynamic Project Section (projects created programmatically)
  • 👥 Dynamic Testimonials Section
  • 📋 Mobile Navigation Menu (with Open/Close animation)
  • 🛠️ Local Storage for Dark Mode preference
  • 🎨 Modern Clean UI/UX Design

Built With

  • HTML5
  • CSS3 (Flexbox, Responsive Techniques)
  • Vanilla JavaScript (ES6+)
  • FontAwesome (for Icons)

How it Works

  • When users toggle Dark Mode, their choice is saved to localStorage, keeping the preference even after refreshing the page.
  • Skills, Projects, and Testimonials are dynamically generated from JavaScript arrays.
  • The Mobile Navigation Menu adapts and functions smoothly on all screen sizes.
  • Smooth transitions and UI animations create a clean, modern user experience.

Live Demo

Visit Here:
https://moulahguine.github.io/sagar/


Screenshots

Light Dark Mode
Light Mode Preview

Acknowledgments

  • Inspired by modern personal portfolio designs.
  • Icons provided by FontAwesome.
  • Thanks to mentors, online tutorials, and code reviewers for inspiration and guidance.

About

sagar portfolio website built with HTML, CSS, and JavaScript.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •