This is the third project in the second module in the Microverse program.
Check the below contents for further details about this project.
This project is an exercise for using WebPack
& its different configurations.
It contains three main files (index.html
/ index.css
/ index.js
) in source
directory.
It also includes some config linters for (HTML
/ CSS3
/ JavaScript
) in the .github
folder.
📌 Live Demo:
- See the project live from here.
📌 Tech Stack:
- Page strucutre is built with
HTML5
- Styling is built with
CSS3
- Dynamic content built with
JavaScript
📌 Key Features:
- Simple page structure with one
h1
anddiv
tags - Content of
div
tag is loaded dynamically - Basic
css
rule to color the page background
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
NodeJS
for installing & running all packages
📌 Setup:
- Install all dependencies with
npm
- For live development on
localhost:8080
run:
npm run start
📌 Deployment:
- You can deploy this project by uploading two files (
index.html
/main.js
) in thebuild
folder to a live server. - Create the distribution build using this command:
npm run build
📌 Mahammad:
Some additional features I may implement in the project:
- Using
CSS
preprocessors and their relevant loaders - Implement two
WebPack
configurations for production & development
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.
Like this project? Show your support by starring!
I thank everyone at Microverse for guiding me through this project.
This project is MIT licensed.