Skip to content

This repository contains all of the JavaScript projects that I've completed to improve my concepts of JavaScript DOM manipulations.

Notifications You must be signed in to change notification settings

yuvrajshrirame/javascript-projects

Repository files navigation

JavaScript Projects List

01 | QR Code Generator

LIVE LINK: Click Here

This project is a simple and responsive QR code generator created using HTML, CSS, and JavaScript. It uses an API to generate QR codes. It provides an easy-to-use interface for generating QR codes quickly.

02 | Drag and Drop

LIVE LINK: Click Here

This project is a minimal and responsive implementation of a drag-and-drop mechanism using HTML, CSS, and JavaScript. It serves as a practical introduction to working with the Document Object Model (DOM) in JavaScript.

03 | Weather App

LIVE LINK: Click Here

This Weather App is a simple and responsive web application that provides users with current weather information. Built using HTML, CSS, and JavaScript, the app offers an intuitive user interface for checking weather conditions. The project utilizes the OpenWeatherMap API to fetch real-time weather data.

04 | Password Generator

LIVE LINK: Click Here

This simple yet powerful tool was created using HTML, TailwindCSS, and JavaScript to provide a clean and user-friendly experience for generating secure passwords. The application boasts a modern and responsive design, ensuring seamless functionality across various devices, including smaller screens.

05 | Quiz App

LIVE LINK: Click Here

The Quiz App is a simple web application created using HTML, CSS, and JavaScript. It provides users with a minimalistic and user-friendly interface for taking quizzes, allowing them to select the correct options and check their results instantly.

06 | Image Carousel

LIVE LINK: Click Here

This is a simple image carousel project created using HTML, CSS, and JS. The carousel is designed to automatically slide through a series of images, providing a straightforward and visually appealing way to showcase content.

07 | FAQ Collapse Project

LIVE LINK: Click Here

FAQ Collapse is a simple project created to understand the principles of HTML, CSS, and JavaScript. This project serves as a hands-on exploration of web development, offering a straightforward yet effective user interface for displaying frequently asked questions in a collapsible format.

08 | Content Placeholder Project

LIVE LINK: Click Here

This project is a simple and versatile solution for creating content loaders or placeholders using HTML, CSS, and JavaScript. It is designed to enhance the user experience by providing visual feedback during content loading or when data is being fetched.

About

This repository contains all of the JavaScript projects that I've completed to improve my concepts of JavaScript DOM manipulations.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published