Dinma-Faith-zz / CapstoneProject

A Module1 final Capstone(Microverse Project). This project is about fitness and health conference/ summit. It has two seperate pages(Home and About). It is built with HTML, CSS and JavaScript https://conferenceproject.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Capstone Project:

** Mobile Version **

summit-mb

** Desktop Version **

summit

Built With

  • HTML

  • CSS

  • JavaScript

  • Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

  • Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

  • Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

  • ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

Getting Started

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

  • copy this link https://github.com/Dinma-Faith/Portfolio.git.
  • get the directory that you want to clone the repository.
  • open the command prompt in this directory.
  • write git clone https://github.com/Dinma-Faith/Portfolio.git.
  • go to the repository folder in your command prompt cd Portfolio

Prerequisites

  • Have a working and updated browser
  • Have a local version control like git install on your computer
  • Have knowledge about figma to adapt the design by following some specific requirements
  • Have an account and sign in on GitHub, as online/remote version control system
  • Download waves to check project accessibilty

Setup

-Clone the git repo using this command: git clone git@github.com:Dinma-Faith/Portfolio.git

Run tests

  • npx hint . : To test html codes
  • npx stylelint "/*.{css,scss}"** : To test css code
  • npx eslint . : To test Eslint Report

Live-Demo

👤 Author

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

The design has been inspired by:

Cindy Shin design on Behance

Microverse: Microverse

About

A Module1 final Capstone(Microverse Project). This project is about fitness and health conference/ summit. It has two seperate pages(Home and About). It is built with HTML, CSS and JavaScript https://conferenceproject.netlify.app/


Languages

Language:HTML 46.9%Language:CSS 40.5%Language:JavaScript 12.6%