This repository serves as my sandbox for refining my skills in web development using the essential trio: HTML, CSS, and JavaScript. Here, I'll be undertaking various projects, and exercises aimed at mastering web development without the aid of frameworks or libraries.
| Complexity Level | Web Themes | Publish Date |
|---|---|---|
| NEWBIE | 3 Column Preview Card Component | 07 November 2021 |
| NEWBIE | Stats Preview Card Component | 02 November 2021 |
| NEWBIE | NFT Preview Card Component | 22 December 2021 |
| NEWBIE | Single Price | 03 January 2022 |
| NEWBIE | Ping Single Column Coming Soon Page | 23 December 2021 |
| NEWBIE | Order Summary Component | 14 November 2021 |
| NEWBIE | Intro Component | 06 January 2022 |
| NEWBIE | FAQ Accordion Card | 19 January 2022 |
| NEWBIE | Interactive Rating | 27 April 2022 |
| JUNIOR | Fylo Data Storage Component | 30 December 2021 |
| JUNIOR | Tip Calculator App | 27 December 2021 |
| JUNIOR | Testi Challenge | 09 January 2022 |
| JUNIOR | Sunnyside Agency Landing Page | 17 January 2022 |
| JUNIOR | Advice Generator App | 28 February 2022 |
| INTERMEDIATE | Ecommerce Product Page | 27 January 2022 |
| INTERMEDIATE | Bookmark Landing Page | 04 February 2022 |
| INTERMEDIATE | Easybank Landing Page | 06 February 2022 |
| INTERMEDIATE | Chat App Illustration | 28 April 2022 |
| INTERMEDIATE | Ip Address Tracker | 02 August 2022 |
| ADVANCED | Rest Countries API | 24 August 2022 |
Preview Site: https://titocs.github.io/3-column-preview-card-component-main/
Code Solution: https://github.com/titocs/3-column-preview-card-component-main
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/stats-preview-card-component/
Code Solution: https://github.com/titocs/stats-preview-card-component
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/nft-preview-card-component-main/
Code Solution: https://github.com/titocs/nft-preview-card-component-main
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/single-price-component/
Code Solution: https://github.com/titocs/single-price-component
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/ping-coming-soon-page-master/
Code Solution: https://github.com/titocs/ping-coming-soon-page-master
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/order-summary-component-main/
Code Solution: https://github.com/titocs/order-summary-component-main
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/intro-signup/
Code Solution: https://github.com/titocs/intro-signup
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/FAQ-accordion/
Code Solution: https://github.com/titocs/FAQ-accordion
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/interactive-rating/
Code Solution: https://github.com/titocs/interactive-rating
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/Tip-Calculator-App/
Code Solution: https://github.com/titocs/Tip-Calculator-App
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/testimonials-grid-section/
Code Solution: https://github.com/titocs/testimonials-grid-section
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/sunnyside-agency-landing-page/
Code Solution: https://github.com/titocs/sunnyside-agency-landing-page
Preview Site: https://titocs.github.io/Advice-Generator-App/
Code Solution: https://github.com/titocs/Advice-Generator-App
Tag: HTML, CSS, JS, API
Frameworks: -
Preview Site: https://titocs.github.io/Ecommerce-Product-Page/
Code Solution: https://github.com/titocs/Ecommerce-Product-Page
Frameworks: -
Preview Site: https://titocs.github.io/bookmark-landing-page/
Code Solution: https://github.com/titocs/bookmark-landing-page
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/Easybank-Landing-Page/
Code Solution: https://github.com/titocs/Easybank-Landing-Page
Tag: HTML, CSS, JS
Frameworks: -
Preview Site: https://titocs.github.io/chat-app-illustration/
Code Solution: https://github.com/titocs/chat-app-illustration
Tag: HTML, CSS
Frameworks: -
Preview Site: https://titocs.github.io/ip-address-tracker/
Code Solution: https://github.com/titocs/ip-address-tracker
Tag: HTML, PostCSS, JS, API
Frameworks: TailwindCSS
Preview Site: https://titocs.github.io/rest-countries-api/
Code Solution: https://github.com/titocs/rest-countries-api
Tag: HTML, PostCSS, JS, API, AJAX, Web Storage
Frameworks: TailwindCSS