Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sammyleths/mediplay
MediPlay is the informational website for a gamified medication app for children who need to take medication every day.
https://github.com/sammyleths/mediplay
autoprefixer bootstrap bootstrapicons font-awesome html5 npm parcel-bundler postcss sass scss
Last synced: about 2 hours ago
JSON representation
MediPlay is the informational website for a gamified medication app for children who need to take medication every day.
- Host: GitHub
- URL: https://github.com/sammyleths/mediplay
- Owner: SammyLeths
- License: mit
- Created: 2024-01-06T22:40:15.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-11-06T10:08:22.000Z (10 days ago)
- Last Synced: 2024-11-06T11:20:23.201Z (10 days ago)
- Topics: autoprefixer, bootstrap, bootstrapicons, font-awesome, html5, npm, parcel-bundler, postcss, sass, scss
- Language: CSS
- Homepage: https://mediplay.netlify.app/
- Size: 7.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
MediPlay Informational Website
MediPlay is a gamified medication app for children who need to take medication every day.
The website is developed using bootstrap framework and project setup was created using NPM. So bootstrap was installed to this project as a node module
Parcel was used as the module bundler for this project
Preview
![mediplay](https://github.com/SammyLeths/mediplay/assets/64320618/3d5c6e50-d9c8-4d8b-a784-a9238a04ba5a)
![mediplay-website-wip-7](https://github.com/user-attachments/assets/d59c3246-701e-46bf-a4ab-b3e2fd272fa5)
Links
- Demo: https://mediplay.netlify.app/
- Design (Case Study): https://www.behance.net/gallery/190834875/MediPlay-Case-Study
Steps To Run The Project
- Unzip the project folder
- Open project folder in an IDE (Visual Studio Code)
- From the terminal Run the following command "npm install"
Three options to preview the app in browser
Option 1 - Using VS Code Live server
- Click on "Go Live" at the bottom of VS Code Editor
- Open the following link "http://127.0.0.1:5500/" in your browser
Option 2 - Parcel development server
- From the terminal, run the following command "npx parcel index.html"
- Open the following link "http://localhost:1234/" in your browser
Option 3 - Generate a static dist folder
- From the terminal, run the following command "npx parcel build --public-url ./"
- From your systems file explorer, go into the dist folder
- Open "index.html" file in your browser
NOTE: This project was created on a windows machine
Thanks