{"id":20657334,"url":"https://github.com/sammyleths/mediplay","last_synced_at":"2026-02-14T17:32:10.653Z","repository":{"id":240782646,"uuid":"739906511","full_name":"SammyLeths/mediplay","owner":"SammyLeths","description":"MediPlay is the informational website for a gamified medication app for children who need to take medication every day.","archived":false,"fork":false,"pushed_at":"2025-03-08T11:37:18.000Z","size":8062,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-06T05:42:46.246Z","etag":null,"topics":["autoprefixer","bootstrap","bootstrapicons","font-awesome","html5","npm","parcel-bundler","postcss","sass","scss"],"latest_commit_sha":null,"homepage":"https://mediplay.netlify.app/","language":"CSS","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/SammyLeths.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-01-06T22:40:15.000Z","updated_at":"2025-03-08T11:37:22.000Z","dependencies_parsed_at":"2024-05-20T22:10:40.806Z","dependency_job_id":"2da47a69-eedf-4cd1-a105-29bb7bff24b9","html_url":"https://github.com/SammyLeths/mediplay","commit_stats":null,"previous_names":["sammyleths/mediplay"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SammyLeths/mediplay","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SammyLeths%2Fmediplay","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SammyLeths%2Fmediplay/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SammyLeths%2Fmediplay/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SammyLeths%2Fmediplay/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SammyLeths","download_url":"https://codeload.github.com/SammyLeths/mediplay/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SammyLeths%2Fmediplay/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29450883,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T15:52:44.973Z","status":"ssl_error","status_checked_at":"2026-02-14T15:52:11.208Z","response_time":53,"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":["autoprefixer","bootstrap","bootstrapicons","font-awesome","html5","npm","parcel-bundler","postcss","sass","scss"],"created_at":"2024-11-16T18:20:01.245Z","updated_at":"2026-02-14T17:32:10.637Z","avatar_url":"https://github.com/SammyLeths.png","language":"CSS","funding_links":["https://buymeacoffee.com/sammyleths"],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eMediPlay Informational Website\u003c/h1\u003e\n\n\u003cp\u003eMediPlay is a gamified medication app for children who need to take medication every day.\u003c/p\u003e\n\n\u003cp\u003eThe website is developed using bootstrap framework and project setup was created using NPM. So bootstrap was installed to this project as a node module\u003c/p\u003e\n\n\u003cp\u003eParcel was used as the module bundler for this project\u003c/p\u003e\n\n\u003ch2\u003ePreview\u003c/h2\u003e\n\n![mediplay](https://github.com/SammyLeths/mediplay/assets/64320618/3d5c6e50-d9c8-4d8b-a784-a9238a04ba5a)\n\n![mediplay-website-wip-7](https://github.com/user-attachments/assets/d59c3246-701e-46bf-a4ab-b3e2fd272fa5)\n\n\u003ch2\u003eLinks\u003c/h2\u003e\n\n\u003cul\u003e\n  \u003cli\u003eDemo: \u003ca href=\"https://mediplay.netlify.app/\" target=\"_blank\"\u003ehttps://mediplay.netlify.app/\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003eDesign (Case Study): \u003ca href=\"https://www.behance.net/gallery/190834875/MediPlay-Case-Study\" target=\"_blank\"\u003ehttps://www.behance.net/gallery/190834875/MediPlay-Case-Study\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eAuthor's Links\u003c/h2\u003e\n\n\u003cul\u003e\n  \u003cli\u003ePortfolio - \u003ca href=\"https://sammyleths.com\" target=\"_blank\"\u003e@SammyLeths\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003eLinkedin - \u003ca href=\"https://www.linkedin.com/in/eyiowuawi/\" target=\"_blank\"\u003e@SammyLeths\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003eTwitter - \u003ca href=\"https://twitter.com/SammyLeths\" target=\"_blank\"\u003e@SammyLeths\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003eBuy me a Coffee - \u003ca href=\"https://buymeacoffee.com/sammyleths\" target=\"_blank\"\u003e @SammyLeths \u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eSteps To Run The Project\u003c/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003eUnzip the project folder\u003c/li\u003e\n\u003cli\u003eOpen project folder in an IDE (Visual Studio Code)\u003c/li\u003e\n\u003cli\u003eFrom the terminal Run the following command \"npm install\"\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eThree options to preview the app in browser\u003c/h2\u003e\n\n\u003ch3\u003eOption 1 - Using VS Code Live server\u003c/h3\u003e\n\n\u003cul\u003e\n\u003cli\u003eClick on \"Go Live\" at the bottom of VS Code Editor\u003c/li\u003e\n\u003cli\u003eOpen the following link \"http://127.0.0.1:5500/\" in your browser\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eOption 2 - Parcel development server\u003c/h3\u003e\n\n\u003cul\u003e\n\u003cli\u003eFrom the terminal, run the following command \"npx parcel index.html\"\u003c/li\u003e\n\u003cli\u003eOpen the following link \"http://localhost:1234/\" in your browser\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eOption 3 - Generate a static dist folder\u003c/h3\u003e\n\n\u003cul\u003e\n\u003cli\u003eFrom the terminal, run the following command \"npx parcel build --public-url ./\"\u003c/li\u003e\n\u003cli\u003eFrom your systems file explorer, go into the dist folder\u003c/li\u003e\n\u003cli\u003eOpen \"index.html\" file in your browser\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eNOTE: This project was created on a windows machine\u003c/p\u003e\n\n\u003cp\u003eThanks\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsammyleths%2Fmediplay","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsammyleths%2Fmediplay","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsammyleths%2Fmediplay/lists"}