{"id":26105421,"url":"https://github.com/fatima-progmmer/image-gallery-using-jquery","last_synced_at":"2025-03-09T21:07:28.166Z","repository":{"id":281458044,"uuid":"879590554","full_name":"Fatima-progmmer/Image-gallery-using-jquery","owner":"Fatima-progmmer","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-09T07:32:38.000Z","size":853,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T08:24:25.207Z","etag":null,"topics":["css","gallery","html","javascript","jquery","mini","project","web"],"latest_commit_sha":null,"homepage":"https://fatima-progmmer.github.io/Image-gallery-using-jquery/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Fatima-progmmer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-28T07:39:47.000Z","updated_at":"2025-03-09T07:32:42.000Z","dependencies_parsed_at":"2025-03-09T08:34:37.181Z","dependency_job_id":null,"html_url":"https://github.com/Fatima-progmmer/Image-gallery-using-jquery","commit_stats":null,"previous_names":["fatima-progmmer/image-gallery-using-jquery"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fatima-progmmer%2FImage-gallery-using-jquery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fatima-progmmer%2FImage-gallery-using-jquery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fatima-progmmer%2FImage-gallery-using-jquery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fatima-progmmer%2FImage-gallery-using-jquery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fatima-progmmer","download_url":"https://codeload.github.com/Fatima-progmmer/Image-gallery-using-jquery/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242750806,"owners_count":20179260,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","gallery","html","javascript","jquery","mini","project","web"],"created_at":"2025-03-09T21:07:27.670Z","updated_at":"2025-03-09T21:07:28.155Z","avatar_url":"https://github.com/Fatima-progmmer.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Image Gallery using jQuery\n\n## 📌 Overview\nThis project is a simple and interactive **Image Gallery** built using **HTML, CSS, and jQuery**. It allows users to browse through images dynamically with smooth transitions and animations.\n\n## 🛠 Features\n- Display a collection of images in a grid layout.\n- Click on an image to view it in a larger preview.\n- Smooth transition effects using jQuery.\n- Responsive design for different screen sizes.\n\n## 🚀 Technologies Used\n- **HTML** - Structure of the gallery.\n- **CSS** - Styling and layout.\n- **jQuery** - Handling interactions and animations.\n\n## 📂 Project Structure\n```\nImage-gallery-using-jquery/\n│-- index.html   # Main HTML file\n│-- style.css    # CSS file for styling\n│-- script.js    # jQuery functionality\n```\n\n## 🔧 Setup \u0026 Usage\n1. **Clone the repository**\n   ```sh\n   git clone https://github.com/Fatima-progmmer/Image-gallery-using-jquery.git\n   ```\n2. **Open `index.html` in a browser**\n3. Enjoy your interactive image gallery! 🎉\n\n## 💡 How it Works\n- The images are displayed in a grid layout.\n- When an image is clicked, it appears in a larger view with a smooth animation.\n- jQuery handles the click events and animations for a better user experience.\n\n## 📌 Future Improvements\n- Add a lightbox effect.\n- Implement a slideshow feature.\n- Include image filtering options.\n\n## 🏆 Contributing\nFeel free to contribute to this project by **reporting issues**, **suggesting features**, or **submitting pull requests**.\n\n## 📜 License\nThis project is licensed under the **MIT License**.\n\n## 📩 Contact\nFor any queries or suggestions, feel free to reach out:\n- **GitHub:** [Fatima-progmmer](https://github.com/Fatima-progmmer)\n- **LinkedIn:** [Tanzeela Fatima](https://www.linkedin.com/in/tanzeela-fatima-47861b2b7/)\n\nHappy Coding! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffatima-progmmer%2Fimage-gallery-using-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffatima-progmmer%2Fimage-gallery-using-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffatima-progmmer%2Fimage-gallery-using-jquery/lists"}