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

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