beteland123/My-first-capstone-project

This project is capstone project for the module 1 of Microverse called Hello tech womens!. It showcase what I have learned about HTML,CSS and javaScript with DOM manipulation to create dynamic content. it also has best practice of git workflows with linters to ensure code quality follows the HTML and CSS best practices

📗 Table of Contents

• 📖 About the Project
  • 🛠️ Built With
  • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [My-first-capstone-project]

This project is called capstone-project for module-1 in microvese. It is devloped for the purpose of Designing a website at the end of the each of the Microverse Core Curriculum modules. my capstone project is focused on developing a website for an online webprogramming course for females.

• outtline of about my project: video

🛠️ Built With using Html, CSS and javascript

Tech Stack

Version Control

• Git Hub

Visual Studio Code

• Visual Studio Code

Client

• HTML5
• CSS
• JavaScript

### Key Features

• [ ][it is responive both for mobille and desktop]
• [ ][it has dynamic page]

🚀 Live Demo

Live Demo Link

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need: To have a code edtitor like visual strudio, download git control system,download node and configure linter in your local computer

Example command: npm install to install dependent package
               : npm install --save-dev hint@7.x to install webhint
               :npm install -g lighthouse to install lighthouse

Setup

Clone this repository to your desired folder:

git clone https://github.com/beteland123/My-first-capstone-project.git

Install

Install this project with:git and npm install

Run tests

• To run tests, run the following command:

  npx stylelint "**/*.{css,scss}"
  npx hint .

• inspect the website if is responsive using diffrent scrren size

(back to top)

👥 Authors

👤 ** Developer by Betel Andarge**

• GitHub: Developer-Betel Andarge
• Linkedin-Betel Andarge

🔭 Future Features

• link to database

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project email me through my email address...

(back to top)

🙏 Acknowledgments

⚠️Disclaimer

👤 Original design idea by Cindy Shin

-behance: [https://www.behance.net/adagio07)

I only develope the code for the website using html, css and javascript. The UI design for this website DOES NOT belong to me. All credit must be given to the original author/source. See details below

• Original design idea by Cindy Shin in Behance.
• I would also like to thank the Microvese program for giving me this golden chance and for helping me to have solid knowledge to develope this project

(back to top)

📝 License

This project is MIT licensed.

(back to top)