A retro terminal-inspired collection of 17 interactive web applications and mini-projects built with vanilla HTML, CSS, and JavaScript. Features a nostalgic terminal aesthetic with modern functionality and responsive design.
View Live Demo - Explore all projects in action!
- 💻 Retro Terminal Design - Nostalgic command-line interface aesthetic
- 📱 Fully Responsive - Optimized for desktop, tablet, and mobile
- ⚡ Smooth Animations - Terminal-style effects and interactions
- 🎨 Consistent Theming - Universal CSS variables across all projects
- 🔧 Vanilla JavaScript - No frameworks, pure web technologies
- 🎯 Accessibility First - Keyboard navigation and screen reader support
- Tic Tac Toe 🔗 - Classic strategy game with AI
- Rock Paper Scissors 🔗 - Battle the computer
- Circle Game 🔗 - Interactive tap-to-create circles
- Currency Converter 🔗 - Real-time currency conversion
- Temperature Converter 🔗 - Multi-unit temperature conversion
- Calculator 🔗 - Modern calculator with keyboard support
- Weather App 🔗 - Current weather conditions
- Dictionary App 🔗 - Word definitions and pronunciations
- Password Generator 🔗 - Secure password generation
- QR Code Generator 🔗 - Generate QR codes instantly
- Color Picker 🔗 - Advanced color tools with palette generation
- Stopwatch 🔗 - Precision timing with lap functionality
- Digital Clock 🔗 - World time zones display
- Analog Clock 🔗 - Classic timepiece with styles
- Quick Sign 🔗 - Digital canvas for drawing
- Print Numbers 🔗 - Number sequence generator
- Random Quotes 🔗 - Live random quotes via DummyJSON API
- Modern web browser (Chrome, Firefox, Safari, Edge)
- No installation required!
# Clone the repository
git clone https://github.com/ubednama/Mini-Projects-js.git
cd Mini-Projects-js
# Open index.html in your browser
# Or use a local server:
# Python
python -m http.server 8000
# Node.js
npx serve .
# PHP
php -S localhost:8000Then navigate to http://localhost:8000 in your browser.
- Terminal Aesthetic - Retro command-line interface meets modern web
- Performance First - Fast loading and smooth animations
- Accessibility - Inclusive design with keyboard support
- Responsive - Seamless experience across all devices
- Consistency - Unified design with shared utilities
- HTML5 - Semantic markup
- CSS3 - Custom properties, Grid, Flexbox
- Vanilla JavaScript - ES6+, async/await
- Web APIs - LocalStorage, Fetch, Canvas
- ✅ Chrome 80+
- ✅ Firefox 75+
- ✅ Safari 13+
- ✅ Edge 80+
Contributions welcome! Please:
- Follow existing code style
- Ensure responsive design
- Test in multiple browsers
- Add comments and documentation
- Maintain accessibility standards
MIT License - see LICENSE file
Built with ❤️ by ubednama
Enjoy exploring these mini JavaScript projects! 🎉