https://github.com/apurificato/code-refactor
https://github.com/apurificato/code-refactor
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/apurificato/code-refactor
- Owner: apurificato
- License: mit
- Created: 2024-03-14T14:02:37.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-16T17:10:17.000Z (about 1 year ago)
- Last Synced: 2025-01-27T11:21:15.387Z (4 months ago)
- Language: HTML
- Size: 46.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# code-refactor
## Description
This project was done to refactor the code for a client website: Horiseon, a marketing and social media solutions company. The code that was refactored during this project update includes changes done to HTML to remove and replace legacy code with semantic HTML that structures and details the page (and code) in a more organized and defined way. This approach was done to ironically optimize the SEO of the page/site for this SEO company.
This change will have multiple benefits: for search engine indexing, for those with accessibility needs (as alt attributes were added to the content), and for professional developers who might need to make future edits on the site (since code is semantically organized and clear).
This project helped me learn that replacing legacy code with semantic HTML is important. Additionally, I learned that if I kept my CSS consistent with my HTML, then the page wouldn't break, despite replaced tags such as "div" with "main" and "section" or "div" and "ul" or "li" with "nav" and "aside", for example.
## Installation and Usage
This webpage (with updated code) is deployed and ready to be viewed. Use DevTools and Inspect on a web browser in order to view the semantic HTML updates and CSS code of the page, when viewing in a web browser such as Chrome.
Code used on this webpage/project can be found at:
https://github.com/apurificato/code-refactor
Deployed/live webpage:
https://apurificato.github.io/code-refactor/
## Features
This webpage has working anchor links in the navigation that will take the user to the corresponding section of the page, upon click for each of those links in the header's navigation.
## Credits
Code refactored by Anthony Purificato as part of a Rutgers Coding Bootcamp Assignment to learn the benefits and importance of using semantic HTML.
Original Code was pulled from repository on GitLabs created for Rutgers Coding Bootcamp and accessible by Rutgers Coding Bootcamp students.
## License
See the license included in this project's repository, as this repo utilizes an MIT license.