Skip to content

A collection of small JavaScript apps demonstrating DOM manipulation and browser-based interactivity | 브라우저에서의 상호작용과 DOM 조작을 보여주는 작은 JavaScript 앱 모음

Notifications You must be signed in to change notification settings

DevFayzullo/JS-Projects

Repository files navigation

🛠️ JavaScript Projects Collection

🇰🇷 한국어 README

Welcome to my JavaScript Projects Repository! This repository is a growing collection of mini JavaScript projects that I build daily to improve my skills, experiment with new ideas, and learn frontend development.


📌 About

Each folder in this repository contains a separate project built using:

  • HTML
  • CSS
  • JavaScript (Vanilla JS, sometimes with APIs)

Projects are small, focused, and designed to be completed in a few hours or less. The goal is to practice consistently and build a strong portfolio.


🗓️ Daily Contribution Plan

I aim to:

  • ✅ Add one project per day
  • ✅ Learn a new concept or technique with each project
  • ✅ Maintain clean and organized code

📁 Project List

Project Name Description
internetSpeedDetector Measures user's internet download speed using a test file and displays it in real time.
kickCards Build and filter Germany's 2014 World Cup squad using modern JavaScript and dynamic UI cards.
multilingualQuoteGenerator Displays random motivational quotes in multiple languages with daily mode and share feature.
pomodoroTimerPro Focus and break management timer with 25/5/15 cycle, audio alerts, dark mode, and session tracking.
qrCodeGenerator Generates QR code from user input using an API
randomColorGradient Generates random linear-gradient backgrounds with dynamic angle and color display.
smartNotesApp Capture, edit, and manage personal notes instantly with a sleek, and offline-ready interface.
toDoList Simple to-do list app with localStorage and checkboxes
typingSpeedTest Test your typing speed, accuracy, and performance in real time
weatherApp Get real-time weather updates for any city using a clean, simple interface.

🔄 More projects coming daily...


🚀 How to Run

Clone the repo:

git clone https://github.com/DevFayzullo/js-projects.git
cd js-projects

Open any project folder and:

  • Double-click index.html, or
  • Use Live Server in VS Code

📚 Learning Goals

  • Practice core JavaScript (DOM, Events, Functions, Objects)
  • Improve HTML/CSS structure and styling
  • Explore browser APIs and fetch external data
  • Prepare for real-world frontend development

📄 License

This project is open-source under the MIT License.


👨‍💻 Author

Crafted with precision and passion by DevFayzullo

“Great software is born from small, consistent improvements.” – Unknown


Keep it simple. Keep it fast. Write it down before it fades away. 🧠✍️💾


Happy coding! 🚀

About

A collection of small JavaScript apps demonstrating DOM manipulation and browser-based interactivity | 브라우저에서의 상호작용과 DOM 조작을 보여주는 작은 JavaScript 앱 모음

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published