{"id":15438691,"url":"https://github.com/kazvee/meme-maker","last_synced_at":"2026-04-18T02:32:23.117Z","repository":{"id":228251044,"uuid":"772632334","full_name":"kazvee/meme-maker","owner":"kazvee","description":"🖼️ Redux application that enables users to create custom memes 🤣","archived":false,"fork":false,"pushed_at":"2024-03-17T19:19:00.000Z","size":11343,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-28T06:31:55.607Z","etag":null,"topics":["react","react-bootstrap","react-redux","reactjs","redux","thunk","thunk-middleware"],"latest_commit_sha":null,"homepage":"","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/kazvee.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-03-15T15:22:04.000Z","updated_at":"2025-02-05T20:16:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"6f6d72ec-64bd-42d8-8dd2-887c3f3fbf39","html_url":"https://github.com/kazvee/meme-maker","commit_stats":null,"previous_names":["kazvee/meme-maker"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kazvee/meme-maker","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazvee%2Fmeme-maker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazvee%2Fmeme-maker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazvee%2Fmeme-maker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazvee%2Fmeme-maker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kazvee","download_url":"https://codeload.github.com/kazvee/meme-maker/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kazvee%2Fmeme-maker/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31953778,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["react","react-bootstrap","react-redux","reactjs","redux","thunk","thunk-middleware"],"created_at":"2024-10-01T19:01:05.047Z","updated_at":"2026-04-18T02:32:18.106Z","avatar_url":"https://github.com/kazvee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Meme Maker 🖼️\n\n## Description\n\nMeme Maker is a Redux application that enables users to create custom memes! 😎\n\n## Purpose\n\nThis learning project covers Reducers, Actions, and the Store structure as key Redux concepts.  \nIt also explores more advanced concepts such as API interaction and handling asynchronous actions with Thunk middleware for Redux.\n\n## Final Product\n\n### Screenshot of Initial View\n\n### Demo Video\n\nhttps://github.com/kazvee/meme-maker/assets/109990289/d75548b9-bbbb-43a3-8c7d-56d6dace0f0e\n\n![Screenshot of Initial View](/src/assets/Meme_Maker_Initial_View.png)\n\n### Screenshot of User Memes\n\n![Screenshot of User Memes](/src/assets/Meme_Maker_User_Meme_View.png)\n\n## Features\n\n- Loads a selection of meme base images via the Imgflip API\n- Users can load more blank meme images to browse through\n- When ready to make a meme, users can add their own custom meme text\n- Meme images can easily be saved for sharing on social media\n- Bootstrap styling is minimal to avoid distracting from the meme images\n\n## How to Use\n\n- To make a meme:\n  - Enter some Top and/or Bottom text\n  - Click on your preferred meme image\n  - Your new custom meme will appear below\n- To browse a wider selection of base images, click the \u003ckbd\u003eLoad 10 More Memes\u003c/kbd\u003e button\n\n## Installation\n\n### Dependencies\n\n- redux\n- react-redux\n- redux-thunk\n- react-dom\n- react-bootstrap\n- reduxjs/toolkit\n\n### Getting Started\n\n- Fork this repository to your own GitHub account.\n- Clone your fork onto your local device.\n- Install all dependencies using the `npm i` (or `npm install`) command.\n- Navigate to the `/src/actions/` folder.\n  - Use the `secrets.EXAMPLE.js` file for guidance if needed.\n  - Create a new `secrets.js` file in the same folder with your API credentials.\n- Start the web server using the `npm start` command.\n- Navigate to [http://localhost:3000](http://localhost:3000/) in your browser.\n- Start making some memes! 😃\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkazvee%2Fmeme-maker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkazvee%2Fmeme-maker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkazvee%2Fmeme-maker/lists"}