freeCodeCamp Portfolio (responsive design)

Here you'll find a collection of projects built while learning web development through FreeCodeCamp and The Odin Project.

FreeCodeCamp Projects

Ferris Wheel

Animated ferris wheel using CSS and HTML.

FreeCodeCamp

Availability Table

Interactive availability table layout.

FreeCodeCamp

Balance Sheet

Financial balance sheet representation.

FreeCodeCamp

Blog Post Card

Card layout for blog posts.

FreeCodeCamp

Book Catalog

Table-based book catalog display.

FreeCodeCamp

Book Inventory

Book inventory management page.

FreeCodeCamp

Business Card

Responsive business card layout.

FreeCodeCamp

Cafe Menu

Sample menu layout for a café.

FreeCodeCamp

Cat Blog Page

Blog layout with cat-themed content.

FreeCodeCamp

Cat Painting

Interactive cat painting using HTML and CSS.

FreeCodeCamp

Cat Photo App

Photo gallery app featuring cats.

FreeCodeCamp

Checkout Page

Sample checkout form design.

FreeCodeCamp

City Skyline

City skyline layout using HTML and CSS.

FreeCodeCamp

Colored Boxes

CSS-based colored box layout.

FreeCodeCamp

Color Markers

Color marker grid design.

FreeCodeCamp

Confidential Email

Email interface layout with privacy focus.

FreeCodeCamp

Contact Form

Responsive contact form layout.

FreeCodeCamp

Event Flyer Page

Flyer page for events with visual layout.

FreeCodeCamp

Event Hub

Event listing page with interactive layout.

FreeCodeCamp

Final Exams Table

Table-based final exam schedule.

FreeCodeCamp

Flappy Penguin

Simple game using HTML and CSS animations.

FreeCodeCamp

Photo Gallery

Photo gallery layout with flexbox.

FreeCodeCamp

Greeting Card

Simple greeting card design layout.

FreeCodeCamp

Hotel Feedback Form

Feedback form for hotel stays.

FreeCodeCamp

House Painting

Website layout for house painting service.

FreeCodeCamp

Job Application Form

Sample job application form page.

FreeCodeCamp

Magazine

Magazine-style layout for articles.

FreeCodeCamp

Magazine Layout

Structured magazine article layout.

FreeCodeCamp

Moon Orbit

Animated moon orbit using CSS and HTML.

FreeCodeCamp

Movie Review

Movie review page layout with structured content.

FreeCodeCamp

Multimedia Player

Simple multimedia player interface layout.

FreeCodeCamp

Newspaper Article

Structured newspaper article layout.

FreeCodeCamp

Nutrition Label

Nutrition facts label layout.

FreeCodeCamp

Playing Cards

Card layout for a playing cards page.

FreeCodeCamp

Piano

Interactive piano using HTML, CSS, and JS.

FreeCodeCamp

Product Landing Page

Landing page layout for a product.

FreeCodeCamp

Accessibility Quiz

Webpage layout for an accessibility quiz.

FreeCodeCamp

Registration Form

Sample registration form page layout.

FreeCodeCamp

Rothko Painting

Page layout showcasing a painting.

FreeCodeCamp

Lasagna Lovers Survey

Survey form for lasagna preferences.

FreeCodeCamp

Technical Documentation Page

Documentation page layout for a technical topic.

FreeCodeCamp

Styled To-Do List

Interactive to-do list layout.

FreeCodeCamp

Travel Agency Page

Website layout for a travel agency.

FreeCodeCamp

Tribute Page

Tribute page layout for a historical figure.

FreeCodeCamp

Video Compilation Page

Video compilation webpage layout.

FreeCodeCamp

The Odin Project

Lasagna Land

Landing page for Lasagna-themed project.

The Odin Project

Odin Recipes

Recipe page layout for project practice.

The Odin Project

Rock Paper Scissors

Interactive Rock Paper Scissors game implementation.

The Odin Project

About This Portfolio

This portfolio contains 48 FreeCodeCamp projects and 3 Odin Project projects showcasing my learning journey in web development.

48 FreeCodeCamp Projects
3 Odin Project Projects