ko

Online musical shop (index and search page) - Built time 72 hours

A capstone project at Microverse module HTML/CSS. A musical instrument store for displaying different instrument including local varieties, this website was designed using HTML, CSS3/SCSS, Bootstrap, Font awesome with also an extensive use of the grid and flex properties. I used all SCSS core functionality: variables, mixins, module and functions.

Watch a video presentation of the project here

Screenshot of the home page

Screenshot of the search page

find design specification by Mohammed Awad here

Built With

• HTML
• CSS3/SCSS
• Bootstrap
• Font awesome icons
• Webhint/Stylelint linters
• NPM scripts for testing and running the SCSS changes

Live Demo

Live Demo

• You can navigate between pages using the navigation links and the search form.

To get a local copy up and running follow these simple example steps.

• Create a folder in your local machine
• From your local device cd into the local repository
• From machine terminal
• run $ git clone https://github.com/DanSam5K/Capstone-project-Html-css.git
• cd into the clone project folder
• Then you have a local version on your machine.

Linters

• From your command line terminal follow the instructions to run linters check:

1. run $ npm install.
2. run $ npx hint --telemetry=off . to check the HTML
3. run $ npx stylelint "**/*.{css,scss}" to check for errors in CSS files.
4. run npm run watch to start watching for SCSS changes.

Deployment

• Deployed using github pages.

Future improvements

• I Plan to add a backend features in future.

Authors

👤 Daniel Samuel

• Github: DanSam5k
• Twitter: @_dan_sam
• Linkedin: dansamuel

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT license.