Skip to content
Keenan edited this page Aug 7, 2023 · 11 revisions

Welcome to the tech_doc wiki!

Live Preview

I will create my own copy of the Odin Project's Landing Page Layout. I will use this as an opportunity to see how close I can get to the original while making my own changes to keep it "original".

  • Project Written Mobile First
  • Demonstrates focus on writing human readable code
  • Maintain low specificity
  • Responsive Web Design
  • Accessibility
  • Royalty Free Image Use

v1.0 [FreeCodeCamp Javascript Documentation Page]

Screenshot 2023-08-06 at 19-51-42 https __technical-documentation-page freecodecamp rocks

v1.0 [My Version]

Screenshot 2023-08-06 at 19-42-42 Technical Documentation Page

Project Notes

This was a fun project. I used the Firefox Development Tools to get the padding and spacing as close as possible. What amazes me the most about this project is that I was able to quickly learn out how to create the responsive navbar used on this page. I am not just a programmer now. I am a problem solver. I have come along way since I started learning how to code. This project only took 3 hours and 20 minutes to complete. I still remember the days I looked at my code editor for hours and could not figure out what to do. I should definitely ask a mentor If I made good decisions regarding the background and the contrast of the font. I added visited links (FCC did not have them) and I also added interactivity when the user hovers over links. User experience was always kept in mind as I designed this page.

Screenshot from 2023-08-06 20-19-40

Image Credits: