Loading repository data…
jossy21-coder / repository
rotate-image-gallery-using-HTML-CSS-JS
An interactive Rotate Image Gallery built with HTML, CSS, and JavaScript. This project displays images in a smooth rotating carousel layout, creating a dynamic and engaging visual experience. It features responsive design, smooth transitions, and user-friendly navigation—perfect for learning modern front-end animation and UI effects.
Live repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
42/100
OPENREPOHUB HEALTH SIGNAL
Limited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
52
Community adoption25% weight
0
Maintenance state20% weight
100
License clarity10% weight
0
Project information10% weight
35
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Rotate Image Gallery using HTML, CSS, and JavaScript
An interactive Rotate Image Gallery built with HTML, CSS, and JavaScript.
This project displays images in a smooth rotating carousel layout, creating a dynamic and engaging visual experience. It demonstrates how to build animated UI components using pure front-end technologies without external libraries.
✨ Features
- 🔄 Smooth rotating image gallery
- 🎨 Built with pure HTML, CSS, and JavaScript
- 📱 Fully responsive design
- ⚡ Lightweight and fast
- 🧩 Beginner-friendly project
- 🎬 Smooth transition animations
🛠️ Technologies Used
- HTML5 – Structure of the gallery
- CSS3 – Styling, animations, and layout
- JavaScript (Vanilla JS) – Rotation logic and interaction
📂 Project Structure
rotate-image-gallery/
│
├── index.html
├── style.css
├── script.js
└── images/
├── image1.jpg
├── image2.jpg
├── image3.jpg
└── image4.jpg
🚀 How to Use
- Clone the repository
git clone https://github.com/jossy21-coder/rotate-image-gallery.git
- Open the project folder
cd rotate-image-gallery
- Run the project
Simply open index.html in your browser.
📸 Preview
🎯 Learning Purpose
This project helps beginners learn:
- DOM manipulation with JavaScript
- CSS transforms and animations
- Creating interactive UI components
- Structuring small front-end projects
🤝 Contributing
Contributions are welcome!
If you'd like to improve this project, feel free to fork the repository and submit a pull request.