In this project, the Newsweek Website was rebuild using the Bootstrap Framework focusing on its responsiveness, as proposed by The Odin Project. This is part of the Microverse curriculum. The result can be seen in this live webpage.
1 - Create the github repository.
2 - Create a branch to work on (never code in the master branch).
3 - Write the HTML structure of the page using semantic HTML tags and prioritizing the mobile version.
4 - Divide the code into sections accordingly to the ones of the website.
5 - Style the page from top to bottom, and from the lower resolution to the bigger one, prioritizing the use of Bootstrap, but applying your own CSS rules as needed, creating sections corresponding to the main elements of the page and respecting the order in which the labels are presented in HTML.
6 - Save your progress constantly on Github. This ensures plenty of returning points in case they are needed.
7 - Create a new branch whenever you feel the need to make a major change in your coding structure, so you can test it without compromising the work already achieved.
8 - After finishing the project, send the HTML and CSS files to W3C's online file validators.
- Github for saving the project.
- VSCode to edit the code.
- GitHack to set up the live webpage.
- W3C Markup Validation Service to check the HTML file for errors.
- W3C CSS Validation Service to check the CSS file for errors.
- Stickler CI to ensure a standard on code style and as additional check for errors.
- Bootstrap to position, organize and configure the typography the elements of the page.