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 🚀