/medi_play

MediPlay is the informational website for a gamified medication app for children who need to take medication every day.

Primary LanguageCSSMIT LicenseMIT

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

mediplay-home-wip-6

Links

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