chop-pizza

This website is a pizza selling site designed with Nextjs for SEO compatibility.

codecademy-musicon

codecademy_broadway

In this project, you will use properties such as display and position to improve the layout of the landing page for a fictional design firm, Broadway Design. The site has some style rules to begin with. You will improve the layout and positioning of the navigation menu at the top of the page and the three supporting sections (Design, Develop, Deploy) below the image.

codecademy_chore_door

Your mission is to construct a single-page website that plays a fully-functional game. You will see how HTML, CSS, and JavaScript interact harmoniously to produce a dynamic website. Follow the link below to see what your game will look like by the end of this project. Play a few rounds and see how you fare against the ChoreBot: Chore Door Believe it or not, you have the capabilities of building every feature in this game - from the layout to the logic. Be patient, take creative risks, and most importantly, have fun!

codecademy_codstrips_project

Codestrips is a small application to allow users to create and save small one-pane comic strips.

codecademy_flexbox_to-do-app

In this project, you will follow step-by-step instructions to fix a to-do web app. All of the HTML and most of the CSS is intact, however, a few Flexbox values are missing. In order to complete this project, you must know how to set an element’s Flexbox properties. We recommend that you review our Flexbox Lesson before beginning. The website’s existing index.html and style.css files are displayed in the text editor to the right. Good luck!

codecademy_form_a_story

Forms are great for collecting information on users, like job applications or insightful surveys. However, we can also stretch our creative muscles and have a little fun with forms. For this project, we’ll use our knowledge of the HTML <form> and grab user input to put a spin on a classic story!

codecademy_healthy_recipes

Using CSS selectors, you’ll give a recipe website some new style!

codecademy_new_york_city_blog

After researching New York City, you decide to create a blog for your viewers who want to know more about the city. It’s time to create a blog to show off how amazing the Big Apple is. You got this!

codecademy_olivia_woodruff_portfolio

In this project, you’ll use your knowledge of CSS visual rules to create rule sets and improve the appearance of a photography portfolio site!

codecademy_paint_store

In this project, you will follow step-by-step instructions to improve a vibrant, color-rich web page for a home paint business. It displays information about using color in a home and color swatches with varying lightness, saturation, and hue. The page is almost ready to be published. You’ll be making the following color-related changes: Exchange some named colors with hexadecimal color values. Add some semi-transparent overlays to the banner and footer using RGBA. Fill in the first color column of the swatch samples using HSL colors.

codecademy_piano_keys

You’re a web developer who has been hired by a music education company. This client wants you to create an interactive game to help their beginner-level piano students study. Create a piano player with DOM events in JavaScript!

codecademy_ravenous

Welcome to the first installment of the Ravenous project!

codecademy_react_randomcolorpicker

In this project, we’ll build a program that helps designers think of new color schemes. Our program will set the screen’s background to a random color. Clicking a button will refresh to a new, random color. Random generators are a well-known tool for breaking a creative rut.

codecademy_recreate_the_lodash

In this project, you will be implementing some of the most exciting functionality from the widely-popular lodash.js library. You will be implementing ten methods that add new functionality for numbers, strings, objects, and arrays.

codecademy_tsunam_coffee

Use your knowledge of relative units and responsive web design to help Tsunami Coffee make their website come to life. Throughout this project, you’’ll edit the existing Tsunami Coffee website code so that the website appears correctly on varying screen sizes. In addition, you’’ll contribute styles that will make this website more visually appealing

codecademy_wine_festival

codecademy_x-press-publishing

In this project, you will build a complete API using Express.js and SQLite for an internal management tool for a comic book publishing company: X-Press Publishing.

codecadmy_fashion_blog

Your friend Isa is a budding fashion blogger, and she’s asked you to build her a new website, just in time for New York Fashion Week!

codecadmy_tables

There are many websites on the Internet that display information like stock prices, sports scores, invoice data, and more.

configurations

contact-keeper-api

This is an API for contact keeper project

contact-keeper-client

This is the client part of the contact keeper project

create-react-app-lambda

email-marketing

for the group

expense-bot

first-app

Introduction to node.

fixme

fortune_api

Fortune API stores arrays of fortunes to be gotten when something is done.

freecodecamp_product_landing_page

You can use HTML, JavaScript, and CSS to complete this project. Plain CSS is recommended because that is what the lessons have covered so far and you should get some practice with plain CSS. You can use Bootstrap or SASS if you choose. Additional technologies (just for example jQuery, React, Angular, or Vue) are not recommended for this project, and using them is at your own risk. Other projects will give you a chance to work with different technology stacks like React. We will accept and try to fix all issue reports that use the suggested technology stack for this project. Happy coding!