https://github.com/manthanank/javascript-projects
Javascript Projects
https://github.com/manthanank/javascript-projects
api bootstrap css html javascript
Last synced: about 2 months ago
JSON representation
Javascript Projects
- Host: GitHub
- URL: https://github.com/manthanank/javascript-projects
- Owner: manthanank
- Created: 2022-10-16T14:34:45.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-28T16:26:52.000Z (over 2 years ago)
- Last Synced: 2025-02-17T03:33:49.795Z (over 1 year ago)
- Topics: api, bootstrap, css, html, javascript
- Language: HTML
- Homepage: https://manthanank.github.io/javascript-projects/
- Size: 3.82 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JavaScript Projects Collection
A collection of small, interactive JavaScript projects designed for learning and practice. Each project demonstrates different web development concepts, from basic DOM manipulation to more complex application logic.
## ⭐ Features
- Each project is self-contained in its own folder
- Projects use vanilla JavaScript (no frameworks)
- Mobile-responsive design with CSS
- Interactive user interfaces
- Variety of web development concepts and techniques
## 🚀 Live Projects
### Beginner Level
- [Analog Clock](./analog%20clock/index.html) - Traditional clock with hour, minute and second hands
- [BMI Calculator](./bmi%20calculator/index.html) - Calculate body mass index
- [Calculator](./calculator/index.html) - Basic arithmetic calculator
- [Chess Board](./chess%20board/index.html) - Interactive chess board layout
- [Countdown](./countdown/index.html) - Timer for upcoming events
- [Digital Clock App](./digital%20clock/index.html) - Displays current time in digital format
- [Flip a coin](./flip%20a%20coin/index.html) - Virtual coin toss
- [Profile Card](./profile%20card/index.html) - Responsive user profile card design
- [Stopwatch](./stopwatch/index.html) - Measure elapsed time
- [Toggle Dark Mode](./toggle%20dark%20mode/index.html) - Theme switcher between light and dark modes
### Intermediate Level
- [Digital Resume](./digital%20resume/index.html) - Professional CV in web format
- [Grocery List](./grocery%20list/index.html) - Track shopping items
- [Image Slider](./image%20slider/index.html) - Interactive image carousel
- [JavaScript Form Validation](./javascript%20form%20validation/index.html) - Client-side input validation
- [JavaScript Quiz](./javascript%20quiz/index.html) - Test JavaScript knowledge
- [Mail composer UI](./mail%20composer%20ui/index.html) - Email interface design
- [Music Player](./music%20player/index.html) - Simple audio player with playlist functionality
- [QR Code Generator](./qr%20code%20generator/index.html) - Creates QR codes from text input
- [To-Do List](./todo/index.html) - Manage daily tasks
- [Weather App](./weather%20app/index.html) - Check weather forecasts for any city
- [Wifi QR Code Generator](./wifi%20qr%20code%20generator/index.html) - Generate QR codes for WiFi networks
### Advanced Level
- [Tic Tac Toe](./tic%20tac%20toe/index.html) - Classic two-player game
- API document with swagger JSON
- BAFFLE effect in CSS
- [Birthday reminder](./birthday%20reminder/index.html) - Manage and display birthdays with countdowns
- Bookshelf
- Catch me bug game
- Chat UI
- Cheat Sheet generator
- Clipboard history
- CLI for daily activities
- Color picker
- Comments thread UI
- COVID-19 tracker
- Cryptocurrency price tracker
- Currency converter
- Custom Birthday cards
- Daily Journal bot
- [Drag and drop interface](./drag%20and%20drop%20interface/index.html) - Drag and drop interface
- Drawing app
- E-Commerce website
- Energy drainer Visualization
- Expense tracker
- Fake API
- Fan simulator
- Flames game
- Flight time check app
- Free image library
- Gif search engine
- GitHub user finder
- Good first issue hunter
- Good morning slack bot
- Guess the card game
- Guess the number
- Habit tracker
- Image filters
- Instagram logo in CSS
- Instagram story mock
- Interactive form
- Internet connection game
- JSON to csv
- JSON viewer
- Leave reason generator
- Markdown editor
- Memory matching game
- Messaging to webhook
- Minimalist GitHub profile page
- Minimalist resume
- Minimalist twitter profile page
- Motivation bot
- Movie rating at one place
- Note taking app
- NPM library to do text operation
- Offline page in PWA
- One download page for your fav exe
- Password generator
- Password strength checker
- Pinterest view for GitHub project
- Pomodoro timer
- Progress bar
- PWA - funny sounds directory
- Quiz UI
- Quote generator
- Quotes instead of loader
- Random joke generator
- Random user generator
- Recipe tracker
- Reminder app if you are leaving late at work
- Render Google map for location
- RSS Feed viewer
- Sarcasm meter
- Scolding app if late sleep
- Selfie app with frames
- Site map into flex layout
- Smiley UI
- Snake game
- Social media activities dashboard
- Sound match game
- Speech recognition app
- Stress burster – tap me 20 times in 3 sec
- Syntax highlight
- Terminal effect in CSS
- Text-to-speech converter
- Time sheet app
- Tinder suggestion
- Toaster message
- Twitter bot to fav your replies
- Twitter bot to send weekly report
- Twitter bot to welcome new followers
- Twitter hash tag viewer
- Typing speed test
- Virtual site map for fav sites
- Virtual Visiting card
- Visual web bookmarker
- Web scraper
- Why not analog calendar?
- Word counter
- Work log app
- World clock dashboard
- Yes or No fact checking
## 🚀 Getting Started
1. Clone this repository
2. Navigate to any project folder
3. Open the `index.html` file in your browser
4. Enjoy exploring the projects!
## 🛠️ Technologies Used
- HTML5
- CSS3
- Vanilla JavaScript
- Various APIs for specific projects
## 📝 Contributing
Feel free to contribute by:
- Adding new projects
- Improving existing projects
- Fixing bugs
- Enhancing documentation
## 📄 License
This project is open source and available under the [MIT License](LICENSE).