{"id":21091158,"url":"https://github.com/manikmaity/giphy-clone","last_synced_at":"2026-04-13T12:01:22.249Z","repository":{"id":254072899,"uuid":"845388262","full_name":"ManikMaity/Giphy-Clone","owner":"ManikMaity","description":"A feature-rich Giphy clone built with React.js, allowing users to browse, search, and manage their favorite GIFs. This project mimics the functionality of the popular Giphy platform, with custom features to enhance user experience.📷","archived":false,"fork":false,"pushed_at":"2024-09-05T08:01:48.000Z","size":5089,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-01T10:41:50.865Z","etag":null,"topics":["errorboundary","giphy-api","javascript","localstorage","reacticons","reactjs","reactquery"],"latest_commit_sha":null,"homepage":"https://giphy-clone-mauve.vercel.app/","language":"JavaScript","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/ManikMaity.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-08-21T06:42:21.000Z","updated_at":"2024-09-05T08:01:51.000Z","dependencies_parsed_at":"2024-08-29T18:43:21.668Z","dependency_job_id":"a2772d7f-d729-45be-ae5d-82cf35a8f474","html_url":"https://github.com/ManikMaity/Giphy-Clone","commit_stats":null,"previous_names":["manikmaity/giphy-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ManikMaity/Giphy-Clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManikMaity%2FGiphy-Clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManikMaity%2FGiphy-Clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManikMaity%2FGiphy-Clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManikMaity%2FGiphy-Clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManikMaity","download_url":"https://codeload.github.com/ManikMaity/Giphy-Clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManikMaity%2FGiphy-Clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31751705,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["errorboundary","giphy-api","javascript","localstorage","reacticons","reactjs","reactquery"],"created_at":"2024-11-19T21:43:48.914Z","updated_at":"2026-04-13T12:01:22.231Z","avatar_url":"https://github.com/ManikMaity.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg height=\"100px\" src=\"./public/anime-anime-boy.gif\"/\u003e\n    \u003ch1\u003eGiphy Clone\u003c/h1\u003e\n\u003c/div\u003e\n\nA feature-rich Giphy clone built with React.js, allowing users to browse, search, and manage their favorite GIFs. This project mimics the functionality of the popular Giphy platform, with custom features to enhance user experience.📷\n\n## Features\n\n- Multiple pages including Home, Search, Favorite GIFs, Category, and Single GIF pages with routing and navigation.\n- Displays trending GIFs on the Home page with options to copy the GIF's link, add to Favorites, and see the uploader's profile when hovering over a GIF.\n- Sort GIFs by type (GIFs or Stickers) on the Home page.\n- Search bar in the header to find GIFs by keyword, with sorting options for type, relevance, or recency, and pagination to browse through results.\n- Single GIF page displays the selected GIF along with the uploader's username, related GIFs, and tags, with links to view GIFs from related categories.\n- Browse GIFs within specific categories (e.g., Anime) and search within the category.\n- Save GIFs to your Favorites list, manage Favorites, and retrieve them from local storage with Favorites button visible in the Navbar.\n- Error handling using React Error Boundary.\n- Inplement lazy componet loading and suspence.\n\n## Preview Images \n\n### Home Page\n\u003cimg src=\"./public/giphy1.png\"/\u003e\n\n### Categories Page\n\u003cimg src=\"./public/giphy2.png\"/\u003e\n\n### Search Page\n\u003cimg src=\"./public/giphy3.png\"/\u003e\n\n### Single Gif Page\n\u003cimg src=\"./public/giphy4.png\"/\u003e\n\n### Favorite Page\n\u003cimg src=\"./public/giphy5.png\"/\u003e\n\n## Technologies Used\n\n- React.js\n- React Router \n- React Query \n- Context API\n- React Icons\n- React Error Boundary \n- Giphy API\n- Local Storage\n\n## Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/ManikMaity/Giphy-Clone.git\n   cd giphy-clone\n   ```\n   \n2. Install the dependencies:\n   ```bash\n   npm install\n   ```\n   \n3. Start the development server:\n   ```bash\n   npm run dev\n   ```\n\n4. Open your browser and navigate to `http://localhost:5173/` to view the app.\n\n## Usage\n\n- Home Page: Browse trending GIFs, hover for more options, and sort by type.\n- Search GIFs: Use the search bar to find specific GIFs, sort results, and browse through pages.\n- Single GIF View: Click on a GIF to view more details, related GIFs, and tags.\n- Categories: Explore GIFs by category and search within a specific category.\n- Favorites: Manage your list of favorite GIFs, with all actions stored in local storage.\n\n## Future Enhancements\n\n- User Authentication\n- Infinite Scrolling\n- Share Functionality\n- Clean Code\n- Search Suggestion\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanikmaity%2Fgiphy-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanikmaity%2Fgiphy-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanikmaity%2Fgiphy-clone/lists"}