JS
100
Projects.com
HomeAbout
All Projects
JS
100

Projects

.com

Elevate your web development skills with our comprehensive collection of 100+ interactive JavaScript projects. From beginner-friendly tutorials to advanced challenges.

100+
Projects
75K+
Developers
Free
Forever

Quick Links

HomeAll ProjectsAboutContact

Connect

GitHub
View source code
Buy me a coffee
Support the project

© 2025 100 JS Projects. Crafted with ❤️ for developers worldwide.

PrivacyTermsCookiesContact
Project Details

Random PhotosHTML, CSS & JavaScript Project

Random Photos project preview

Project Description

Our project involves creating a random image feed that displays six images from "Lorem Pixel" website. The images are randomly selected and refresh with each page refresh. We also have a button at the bottom of the page to add new random images. To achieve this, we'll use JavaScript to fetch images from the "Lorem Pixel" API and manipulate the DOM to display them on the website. Additionally, we'll apply some CSS to style the images and the button. This project is an excellent opportunity to learn about fetching data from APIs, manipulating the DOM, and styling images in web development.

Technologies Used

HTML5CSS3JavaScript

Live Demo

Experience the project in action with our interactive live demo.

View Live Demo

Source Code

Explore the complete source code and learn how it's built.

View on GitHub
Related Projects

Explore Similar Projects

Continue your learning journey with these handpicked projects that share similar concepts and technologies

Rock Paper Scissors Game project preview
Featured

Rock Paper Scissors Game

In this project, we create a rock, paper, and scissors game. The computer will also choose a random option, and the results will be displayed. You can win, lose, or tie. Scores are tracked at the bottom. We'll use HTML for structure, CSS for a modern look, and JavaScript to generate the computer's choice and compare the results. This game is an interactive way to test your luck and strategy against a computer opponent.

HTMLCSSJavaScript
View Project
Age Calculator project preview
Featured

Age Calculator

In this project, we are going to create an age calculator. As you can see from the final version of the project, we have a container here with the title age calculator with an input of a date. If we click on the date input, we can choose the date of our birthday. For example, if we choose a date in in 2022 and if we click now on Calculate Age, you can see the age is calculated based on this date and saying your age is 21 years old.

HTMLCSSJavaScript
View Project
Simple Stopwatch project preview
Featured

Simple Stopwatch

Welcome to the Stopwatch Project! We will create a timer displayed at the top, along with three buttons - start, stop, and reset. Clicking the START button will begin the timer. The STOP button will pause the timer using a JavaScript method called SetInterval, which can be cleared using clearInterval. The RESET button will reset the timer to zero. If you click STOP and then START again, the timer will continue from the previously elapsed time. We'll start by installing CSS for the buttons' design and hover effects, then use JavaScript to get the browser time, manipulate the content, replace it with the calculated time, and provide the start, stop, and reset functionality.

HTMLCSSJavaScript
View Project
View All Projects