Skip to content

Sumdiboii/basic-gallery-slider-task-internship

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

Typing SVG

Gallery Slider Icon


🖼️ Gallery Slider 🖼️

A lightweight slider component built with vanilla HTML, CSS, and JavaScript.




🚀 Project Overview

This simple gallery slider was built using HTML, CSS, and JavaScript during an early phase of my development journey, as part of a virtual internship. The project focuses on basic DOM manipulation and UI animation, offering a hands-on introduction to interactivity in web design. It remains on my GitHub as a visual marker of progress and early learning in frontend development.




🛠️ Tech Stack and Tools


Technology Purpose
HTML Structure of the gallery and navigation
CSS Styling, layout, and transitions
JavaScript Logic for sliding functionality and controls



🔍 Features

  • ➡️ Previous/Next button navigation
  • 🖼️ Responsive image layout
  • 🧠 Simple logic using vanilla JavaScript
  • ⚡ Smooth CSS transitions



📚 Key Learning Outcomes

  • DOM manipulation for interactive components
  • CSS transitions and layout fundamentals
  • Early exposure to event handling and state in JavaScript
  • Structuring UI logic without frameworks



🖼️ Screenshots


Gallery Demo1 Gallery Demo2 Gallery Demo3 Gallery Demo4 Gallery Demo5



👨‍💻 About the Creator

Sumdiboii – Frontend Developer & UI Enthusiast
LinkedIn – Sumedh Pimplikar


This gallery slider marks the start of my development journey — a reminder of where I began, and how far I’ve come.

About

A simple gallery slider built with HTML, CSS, and JavaScript during an early phase of my development journey as part of a virtual internship. It remains on my GitHub as a marker of growth and progression in frontend development.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors