{"id":20411075,"url":"https://github.com/raihan2bd/image-gallery","last_synced_at":"2026-05-06T19:38:38.616Z","repository":{"id":205744152,"uuid":"714525156","full_name":"raihan2bd/image-gallery","owner":"raihan2bd","description":"This project is an Image Gallery built with React, JavaScript, HTML, and CSS. It allows users to view an image gallery on different devices, select and delete multiple images, and update the image order via drag and drop.","archived":false,"fork":false,"pushed_at":"2023-11-06T07:32:44.000Z","size":1852,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"dev","last_synced_at":"2025-01-15T13:11:03.391Z","etag":null,"topics":["css","cssgrid","drag-and-drop","html","react","responsive-design"],"latest_commit_sha":null,"homepage":"https://image-gallery-one-ebon.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raihan2bd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-11-05T05:19:15.000Z","updated_at":"2023-11-06T07:49:58.000Z","dependencies_parsed_at":"2023-11-06T09:37:02.739Z","dependency_job_id":"2f0bbbe5-adb1-40f3-a953-0f725dcf04df","html_url":"https://github.com/raihan2bd/image-gallery","commit_stats":null,"previous_names":["raihan2bd/image-gallery"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fimage-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fimage-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fimage-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raihan2bd%2Fimage-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raihan2bd","download_url":"https://codeload.github.com/raihan2bd/image-gallery/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241955047,"owners_count":20048405,"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","cssgrid","drag-and-drop","html","react","responsive-design"],"created_at":"2024-11-15T05:49:28.386Z","updated_at":"2026-05-06T19:38:33.597Z","avatar_url":"https://github.com/raihan2bd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003ch1 align='center'\u003eImage Gallery\u003c/h1\u003e\n\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [ Image Gallery ](#-My-Blog-App-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n    - [🚀 Live Demo](#live-demo)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Testing](#testing)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\n# Image Gallery \u003ca name=\"about-project\"\u003e\u003c/a\u003e\nThis project is an Image Gallery built with React, JavaScript, HTML, and CSS. It allows users to view an image gallery on different devices, select and delete multiple images, and update the image order via drag and drop.\n\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eFront End\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eReact\u003c/li\u003e\n    \u003cli\u003eJAVASCRIPT\u003c/li\u003e\n    \u003cli\u003eHtml\u003c/li\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- Users can see the image gallery with their different devices\n- Users can select and delete multiple images\n- Users can update image order by drag and drop\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://image-gallery-one-ebon.vercel.app/)\n\n![Capture](https://github-production-user-asset-6210df.s3.amazonaws.com/35267447/280624832-80eec994-d6e6-489a-b057-b081c5f81f3d.PNG)\n![Capture2](https://github-production-user-asset-6210df.s3.amazonaws.com/35267447/280624846-07d414a2-1021-42a3-b079-ba88e5151cf7.PNG)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nTo run this project you need:\n- First of all, To run the front-end you need to run the [back-end](https://github.com/Thinus01/Resort_Booking_Back-end) on your local machine.\n- First of all, To run the project on your local machine make sure you have installed [NodeJs](https://nodejs.org).\n- Then make sure you have installed [React](https://reactjs.org/) on your local machine if you want to use this project locally.\n\n### Setup\n\n- Then you need to clone the project on your local machine⬇️\n``` bash\ngit clone https://github.com/raihan2bd/image-gallery\n```\n\n\n### Install\n\n- To install all the npm packages navigate to the folder address on your terminal and enter the below command ⬇️\n``` bash\nnpm install\n```\n\n### Usage\n\nTo run the development server, execute the following command:\n\n```sh\nnpm run dev\n```\n\n### Deployment\n\nTo build the project for deployment, execute the following command:\n\n```sh\nnpm run build\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 👥 Author \u003ca name=\"author\"\u003e\u003c/a\u003e\n\n👤 **Abu Raihan**\n\n- GitHub: [@raihan2bd](https://github.com/raihan2bd)\n- Twitter: [@raihan2bd](https://twitter.com/raihan2bd)\n- LinkedIn: [raihan2bd](https://linkedin.com/in/raihan2bd)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **I will update drag and drop functionality**\n- [ ] **I will add more feature and integrate back-end instead of static data**\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/raihan2bd/image-gallery/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project, please leave a ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI want to give a big thanks to Microverse for giving us the chance to learn new technologies.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraihan2bd%2Fimage-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraihan2bd%2Fimage-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraihan2bd%2Fimage-gallery/lists"}