DevClub Platform Exercises

I am refreshing my programming skills by taking courses on DevClub and building a Git portfolio at the same time.

The lessons are translated from Portuguese to English on the go. If there's any grammatical error, just let me know.

Links for the Full Modules

Certificates

HTML Course Certificate
HTML Certificate
CSS Course Certificate
CSS Certificate
Git & GitHub Course Certificate
Git & GitHub Certificate
JavaScript Course Certificate
JavaScript Certificate

Standalone Projects

Project 01 — Pet

Path: CSS Course → Project 01 : Pet

Non-Responsive, simple project

Design (Figma)

Project 01 Figma Design

Live Site:

Project 02 — Challenge 02

Path: CSS Course → Project 02

Non-Responsive, but with a plot twist, I used AI to make the Hero image Animated

Design (Figma)

Project 02 Figma Design

Live Site:

Project 03 — Responsive Site

Path: CSS Course → Project 03

Design (Figma)

Project 03 Figma Design

Live Site:

Project 04 — Coin Converter

Path: JS Course → Project 04

Live Site:

    Features

  • Animated Intro with CSS Transformations
  • Animated logo (made with AI, Triggers by me), Animations directly in the SVF File, Triggered by JS
  • Dataset using a currency.json to add/remove items or to use a API
  • Working Market Exchange interface
  • Fully Responsive

Project 05 — Calculator

Path: JS Course → Project 05

Live Site:

    Features

  • Working Calculator
  • Some input corrections
  • Responsive
  • CSS Animations
  • Keyboard Enabled
  • Ctrl C / Ctrl V
  • Custom functions (no use of eval())

Project 06 — Burger Filter

Path: JS Course → Project 06

Live Site:

    Features

  • Filter by vegan options, price range, and apply discount coupons.
  • Price slider with two thumbs.
  • Add items to the cart.
  • View the receipt with applied discounts.
  • API call Simulation
  • inbound data is treated dynamically
  • Fully Responsive