Here, at the beginning of your programmer’s path, creating a simple console chat bot will do wonders to guide you through the basics of coding. During this journey you will also play some word and number games that you are going to implement all on your own. Pack up and let’s hit the road, my friend!
If you remember the Simpsons intro, you know there is a running joke about Bart Simpson writing sentences on a chalkboard as a punishment. Similarly, this project aims to recreate that humorous experience by developing a JavaScript program that prints various jokes to the console.
Imagine that you're the owner of a new small corner shop. You are doing well and want to determine how much you earned in the first month. Create a simple tool that will calculate your net income. Upon completing this project, you can use this tool for your own accounting needs.
"Spin The Bottle" is a fun and interactive web application designed to facilitate the random selection of players for games, activities, or any scenario where randomness adds excitement. Inspired by the classic party game, this project brings a modern twist to the concept, leveraging web technologies to create a dynamic and engaging user experience.
Welcome to the carnival gift shop! You’ve won many tickets at the carnival; it’s time to spend them! In this project, you will write the program to show the list of gifts, the tickets you have, and buy the gift you want. In addition, you will improve your JavaScript skills and get more comfortable with it!
The Color Guess game is a simple web-based game where players are presented with a target RGB color value displayed in text form. Below the target color are several color blocks, each representing a different RGB color. Players must click on the color block they believe matches the target color.
What can be better than a cup of coffee during a break? Two cups. Press a couple of buttons on the machine, and, voilà, a burst of raw energy is in your hands. But first, we should teach the machine how to do it. In this project, you will work on a coffee machine simulator. This machine uses regular ingredients — coffee, milk, and plastic cups. Should it run out of something, it will show you a notification. Our device will serve espresso, cappuccino, and latte. And since nothing is for free, it will also charge coffee lovers for a cup.
The Simple Stopwatch project is a web application which allows users to time events with precision, offering features like start, stop, reset, and lap time recording. Built an interface that can display elapsed time prominently and provides buttons for easy control. With this project, users can track multiple laps, making it ideal for fitness routines, sports events, or any timing needs.
One of the many things that a front-end developer has to take care of is binding the functionality of a web application to the keys on the keyboard. In order to develop and strengthen the important skills of working with keyboard keys, we will make a virtual piano in this project.
For every photographer, the process of creating an image does not end after pressing the shutter button. You will always be pressed by the need to tweak the photos a little bit to make them look like how you've conceived them. In most cases, the process of retouching a photo is not as easy as many would want to imagine. Let's create a simple app that can help you with image editing!
Do you know how developers test their apps with random user data? Well, they can use public APIs to generate that data, like how they use Lorem Ipsum for dummy text. Creating a web page to display those random user profiles using HTML and JS is a great way to practice working with data and public APIs. Pretty neat, huh? Take this project to find out how you can do it.
If you are a beginner web developer, you need to know the basics of CSS and HTML. This project is great for those who need somewhere to start. Your goal is to create a stylized page with flashcards, each containing a question on one side and the answer on the other. You can choose any subject you want for your flashcards!
Some may think that front-end development is only about manufacturing similar web pages like online shops or landings. But the things you can program with HTML, CSS, and JS are infinite and bounded with only your imagination.
Browser games are one of the items on this list because they do not always require a server, which means you can apply your skills and knowledge in the interface to create your own game, which is what the project is about. When creating a game, the emphasis will be on JS. Therefore, we will almost not use HTML and CSS here, and all HTML markup will be done using JS.
Every good site has an online form to fill out — whether for registering, ordering food, or making payments. Forms can be very large; if you accidentally reload a page, you can lose all the data. A sad story, isn't it? To resolve this, let's create a form that will retain the data, when it closes unexpectedly.
Have you ever dreamt about exploring deep space? In this project, you'll create a simple web game where you launch a rocket from an uninhabited planet. You don't have to be a rocket scientist to complete this project: we will start from the ground up by learning how to implement an HTML skeleton of a page and use CSS. Then, we'll learn how to make the game interactive with JS, and by the end of the project, you'll have a firm knowledge foundation for developing your frontend skills.
Graduate
A mysterious man appeared in New York with a strange suitcase. The next day, the city was filled with strange beings of all sorts. A funny coincidence, isn't it? Creatures are magical; you can't get rid of them with ordinary spells. That's why you have a mission to collect all the creatures back into the suitcase! Create a classic match-three game based on the magical universe to save humanity from these fantastic (and very cute) beings.
Graduate
Have you ever had the feeling that you're missing something important? If so, to-do lists can be of help. A clear outline of your daily tasks will help you stay composed and mentally focused. In this project, you will create a simple to-do list that can manage your tasks.
Graduate
A good way to make yourself known in the world of programming is to create a portfolio. It is really good when all of your impressive achievements, skills, and samples are collected in one place. If you know the basics of HTML, CSS, and JavaScript, you can even publish your portfolio on the website you created yourself! This project is a great way to present yourself as a specialist.