https://github.com/asloberg/mini-projects
🚀 A collection of small, fun, and experimental projects 🎨💡
https://github.com/asloberg/mini-projects
angular angularjs bootstrap css css-flexbox css-grid html html-css-javascript html5 javascript jquery projects projects-list responsive training website
Last synced: over 1 year ago
JSON representation
🚀 A collection of small, fun, and experimental projects 🎨💡
- Host: GitHub
- URL: https://github.com/asloberg/mini-projects
- Owner: asloberg
- License: mit
- Created: 2025-03-05T19:17:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-21T12:25:21.000Z (over 1 year ago)
- Last Synced: 2025-03-21T13:22:52.409Z (over 1 year ago)
- Topics: angular, angularjs, bootstrap, css, css-flexbox, css-grid, html, html-css-javascript, html5, javascript, jquery, projects, projects-list, responsive, training, website
- Language: JavaScript
- Homepage: https://asloberg.github.io/mini-projects/
- Size: 18.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mini Projects
🚀 A collection of small, fun, and experimental projects 🎨💡
---
## Live Demo
[](https://asloberg.github.io/mini-projects/)
---
## Projects
### BreatheFlow
BreatheFlow helps guide mindful breathing by providing prompts for when to inhale, hold, and exhale. It encourages relaxation, focus, and stress relief through structured breathing cycles.
#### Features
✅ **Guided Breathing Cycles** – Timed prompts for inhale, hold, and exhale.
✅ **Relaxation Mode** – Helps reduce stress and anxiety.
✅ **Minimal UI** – Clean and distraction-free interface.
✅ **Responsive Design**
[](https://github.com/asloberg/mini-projects)
[](https://github.com/asloberg/mini-projects)
---
### Breakout
Breakout Game is a classic arcade experience where players control a paddle to bounce a ball and break bricks. The goal is to clear all bricks without letting the ball fall off the screen.
#### Features
✅ **Classic Arcade Gameplay** – Break bricks using a bouncing ball.
✅ **Paddle Control** – Move left and right to keep the ball in play.
✅ **Score System** – Track your progress with points.
✅ **Responsive Design**
[](https://github.com/asloberg/mini-projects)
[](https://github.com/asloberg/mini-projects)
---
### Custom Video Player
The **Custom Video Player** is an advanced, feature-rich media player built with jQuery. It includes intuitive controls for **play/pause, fullscreen mode, adjustable playback speed, and a dynamic progress bar** that syncs seamlessly with video playback.
#### Features
✅ **Play/Pause Toggle** – Easily control video playback.
✅ **Fullscreen Mode** – Expand the video to full screen.
✅ **Playback Speed Control** – Adjust the speed to your preference.
✅ **Progress Bar Sync** – Seek and track video progress smoothly.
✅ **Responsive Design**
[](https://github.com/asloberg/mini-projects)
[](https://github.com/asloberg/mini-projects)
---
### RichList Manager 💰📊
The **Wealth Tracker** app allows users to generate random individuals with assigned wealth values. Users can **double their money, filter millionaires, sort by the richest, and calculate total wealth** dynamically.
#### Features
✅ **Random User Generation** – Fetches names from an API.
✅ **Wealth Calculation** – Generates random wealth amounts.
✅ **Double Wealth Feature** – Increases wealth with one click.
✅ **Filter Millionaires** – Displays only users with over $1M.
✅ **Sort by Richest** – Orders users from highest to lowest wealth.
✅ **Total Wealth Calculation** – Displays the sum of all users' wealth.
✅ **Responsive Design**
[](https://github.com/asloberg/mini-projects)
[](https://github.com/asloberg/mini-projects)
---
### CurrencyX
CurrencyX is a simple, easy-to-use web application that lets users convert one currency to another
with live exchange rates. Users can input an amount, select the currencies they want to convert,
and get the converted amount instantly.
#### Features
✅ **Real-Time Exchange Rates** – Get the latest exchange rates.
✅ **Currency Conversion** – Convert between multiple currencies with ease.
✅ **Simple UI** – Minimal, clean, and user-friendly interface.
✅ **Responsive Design** – Works seamlessly on both desktop and mobile devices.
[](https://github.com/asloberg/mini-projects)
[](https://github.com/asloberg/mini-projects)
---
## Installation
Note: Better experience in landscape mode on mobile.
1. Clone the repository:
```bash
git clone https://github.com/asloberg/mini-projects.git
2. Open the *index.html*