css-task-1-by-freecodecamp

css-task-2-freecodecamp

This Task has empowered me with advanced skills in color selection and pairing, elevating the aesthetic allure and user experience of web pages. Mastering diverse methods to set color values has enriched my expertise in CSS, showcasing its pivotal role in crafting captivating web designs.

final-task-javascript-smit

In this task, an array of words is processed to detect anagrams—words that can be rearranged to form each other. The program groups these anagrams together into separate arrays. The output is an array of arrays, where each sub-array contains words that are anagrams of one another.

html-project-by-freecodecamp

image-gallery-react

This project is a responsive image gallery built with React.js. It showcases a collection of images, allowing users to browse through them in a clean and intuitive interface. The gallery is designed with simplicity and performance in mind, utilizing React's component-based architecture to efficiently render and manage images.

javascript-course

complete javascript course

javascript-tasks-questions

This repository contains my solutions to the exercises and questions from the book "A Smarter Way to Learn JavaScript" by Mark Myers. The book focuses on reinforcing JavaScript concepts through repetitive practice. Each solution demonstrates my approach to solving JavaScript problems and my understanding of key programming concepts.

login-signup-page

media-query-practice

# Media Query Practice This repository contains a practice project for learning and implementing media queries using `div` elements. Media queries are a key component of responsive web design, allowing the layout of web pages to adapt to different screen sizes and resolutions.

photo-gallery

This project demonstrates the use of CSS Flexbox to build a responsive photo gallery. It showcases how Flexbox properties can be used to align and distribute images within a gallery layout, adjusting smoothly for different screen sizes.

practicing-css-box-models

The task involved creating a digital version of a Rothko painting using only HTML and CSS.Through the use of layers, gradients, and color blocks, The project demonstrated your growing proficiency in using CSS for creative and artistic purposes in web development.

practicing-dom-javascript-1

practicing-dom-javascript-2

practicing-html-1

Simple HTML task

practicing-html-2

Simple HTML task

practicing-html-3

Simple HTML task

practicing-html-4

Simple HTML task

registration-form

This task has enriched my skills in using HTML forms to collect information from website visitors. I've mastered the art of controlling the types of data users can input and explored new CSS tools for styling forms, enhancing both functionality and visual appeal.

sampeterberg

Config files for my GitHub profile.

survey-form

I have successfully passed the first certification test on freeCodeCamp by creating a survey form! Thank you all for your support and encouragement as I continue my journey in web development.

temperature-calculator

This temperature converter is a versatile tool that allows users to easily convert temperatures between Kelvin, Celsius, and Fahrenheit. By simply inputting a single temperature value in any of these units, the calculator will automatically compute and display the equivalent temperatures in the other two units.

tip-calculator

Tip Calculator This project is a simple yet effective tip calculator that helps users quickly calculate the total amount for their bill. By entering the bill amount and selecting a tip percentage, the calculator provides the final total, making it easy to determine how much to pay. Ideal for anyone looking to simplify their dining experience!

todo-app-react

A simple Todo app built with React and Vite. This app allows users to add and delete tasks, demonstrating basic CRUD operations. Easily manage your tasks with a clean and responsive UI. Perfect for learning modern React development practices with Vite.

typography-nutritions-fact-label

This project demonstrates the use of typography in web development by building a nutrition label webpage. I applied CSS to style text, adjusting font properties, line height, text alignment, and positioning for readability and a clean layout. This project highlights essential typography skills that enhance web design and improve user experience.

use-state-react.js

This repository contains a simple React application demonstrating the use of the useState hook. The app features a button and a number display. Each time the user clicks the button, the displayed number increments by 1.