Skip to content

About

A collection of JavaScript projects built while learning and practicing modern web development.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

22 Commits

Folders and files

Repository files navigation

JavaScript Projects 🚀

A collection of JavaScript projects created while learning and practicing JavaScript and modern web development.

📂 Projects

🧮 BMI Calculator

A responsive BMI Calculator built with HTML, CSS, and JavaScript.

Features:

  • Calculate BMI from height and weight
  • BMI category detection
  • English and Persian language support
  • Dark / Light mode
  • Responsive design
  • Input validation
  • Reset functionality
  • LocalStorage for saving language and theme preferences

🔗 View Source Code 🚀 Live Demo


🔢 Calculator

A modern and responsive calculator built with HTML, CSS, and JavaScript.

Features:

  • Addition, subtraction, multiplication, and division
  • Input validation
  • Division-by-zero protection
  • English and Persian language support
  • Dark / Light mode
  • Responsive design
  • Reset functionality
  • LocalStorage for saving language and theme preferences

🔗 View Source Code 🚀 Live Demo


📝 To-Do List

A professional and responsive To-Do List application built with HTML, CSS, and JavaScript.

Features:

  • Add tasks
  • Mark tasks as completed
  • Delete tasks
  • Clear all tasks
  • Total, completed, and pending task counters
  • English and Persian language support
  • Dark / Light mode
  • LocalStorage for saving tasks, language, and theme
  • Responsive design
  • Empty-task validation

🔗 View Source Code 🚀 Live Demo


🌦️ Weather App

A professional, responsive, and bilingual Weather App built with HTML, CSS, and JavaScript.

Features:

  • Search weather by city
  • Display current temperature
  • Display humidity
  • Display wind speed
  • Display feels-like temperature
  • Weather condition and icon
  • English and Persian language support
  • Dark / Light mode
  • Responsive design
  • Real-time weather data
  • Input validation and error handling
  • LocalStorage for language and theme preferences

Technologies practiced:

  • Fetch API
  • Async / Await
  • JSON
  • REST API
  • DOM manipulation
  • LocalStorage
  • API requests and error handling

🔗 View Source Code 🚀 Live Demo


⏱️ Digital Clock & Stopwatch

A professional, responsive, and bilingual Digital Clock and Stopwatch built with HTML, CSS, and JavaScript.

Features:

  • Real-time digital clock
  • Current date display
  • Stopwatch with centisecond precision
  • Start, Pause and Reset
  • Lap time recording
  • English and Persian language support
  • Dark / Light mode
  • LocalStorage for language and theme preferences
  • Responsive design
  • Modern user interface

Technologies practiced:

  • Date Object
  • Date.now()
  • setInterval()
  • DOM manipulation
  • Event listeners
  • LocalStorage
  • Intl.DateTimeFormat
  • Responsive Web Design

🔗 View Source Code 🚀 Live Demo


🎯 Quiz App

A professional, responsive, and bilingual JavaScript Quiz App built with HTML, CSS, and JavaScript.

Features:

  • 10 JavaScript questions
  • 15-second timer for each question
  • Correct and wrong answer detection
  • Final score
  • Accuracy percentage
  • Restart quiz
  • English and Persian language support
  • Dark / Light mode
  • LocalStorage for language and theme
  • Responsive design
  • Modern user interface
  • No external API or library required

Technologies practiced:

  • Arrays
  • Objects
  • Functions
  • Conditions
  • DOM manipulation
  • Event listeners
  • setInterval()
  • LocalStorage
  • Dynamic UI updates

🔗 View Source Code 🚀 Live Demo


🛠️ Technologies

The projects in this repository use:

  • HTML5 — Structure and semantic markup
  • CSS3 — Styling, responsive layouts, and dark/light themes
  • JavaScript — Application logic
  • DOM — Interactive web page elements
  • Arrays & Objects — Data management
  • Functions — Reusable application logic
  • Event Listeners — User interaction
  • Date & Time — Working with dates and timers
  • Fetch API — Requesting data from APIs
  • Async / Await — Handling asynchronous operations
  • JSON — Working with API data
  • REST APIs — Connecting applications to external services
  • LocalStorage — Saving user data and preferences
  • Responsive Web Design — Mobile and desktop support

🎯 Purpose

This repository contains my JavaScript learning projects, experiments, and practical exercises.

The goal is to improve my JavaScript skills by building real-world projects and gradually working with more advanced concepts.


📈 Progress

This repository currently contains 6 JavaScript projects:

  • ✅ BMI Calculator
  • ✅ Calculator
  • ✅ To-Do List
  • ✅ Weather App
  • ✅ Digital Clock & Stopwatch
  • ✅ Quiz App

This JavaScript project collection is now complete for this stage of my learning journey.

More advanced projects may be added in the future... 🚀


👨‍💻 Author

KeramatNia

Learning and building with JavaScript 🚀

About

A collection of JavaScript projects built while learning and practicing modern web development.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages