This project is my first capstone project which is part of my Microverse exercises. This project follows the Mobile First approach, in order to make it prepared and responsive for different screen sizes. However, the goal here is to master and focus on best practices and professional Simple, Visual, Thorough, & Looking-Good shared traits.
- Basic html, css and medium Javascript know how.
- Git installation
- A text editor
- A terminal
- A web browser to view output e.g Google Chrome
- An IDE e.g Visual studio code
For this repository, I've created html templates and styling files in order to built a responsive Microverse capstone.
HTMLCSSJSGit & Github
Here's a link to the recorded video Video of The Project
To get a local copy up and running follow these simple example steps.
- Create a new GitHub repo.
- Create a new branch according to the GitHub flow rules.
- Add a .gitignore file.
- Set up a linter for
HTMLandCSSandJAVASCRIPTmake sure that any files that are not relevant are ignored by git. - Add descriptive README file to your project - please use this template but remember to customize it to your project. A .css file that includes one class with styles for your header .
- Make sure that the last file is actually ignored by git and is not present in your GitHub repository.
- Open a pull request.
To get a local copy up and running follow these simple example steps.
- Open terminal
- Clone this project by the command.
- WebHint
- Stylelint
- ESlint
- Node Packet Manager
- For this project, you should add the
JavaScriptHTMLCSSlinter. - I Used semantic HTML tags.
- I Applied best practices in HTML code.
- Used CSS selectors correctly.
- Used CSS box model.
- Used Flexbox to place elements on the page.
- Demonstrated ability to create UIs adaptable to different screen sizes using media queries.
- Used GitHub Pages to deploy web pages.
- Applied JavaScript best practices and language style guides in code.
- Used JavaScript to manipulate DOM elements.
- Used JavaScript events.
- Used objects to store and access data.
- Communicated technical concepts to other technical people.
- For anyone who wants to practice html5 or/and css3
- For anyone who wants to create his own capstone.
👤 Grace Abike
- GitHub: @GraceAbike
- Twitter: @GraceAbike1
- LinkedIn: Grace Abike
- Angel: Grace-Abike
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
Cindy Shin the author of the original design,
- Microverse
- Code Reviewers
- Coding Partners
- Hat tip to anyone whose code was used
- Inspiration
- etc
TThis project is MIT licensed.