Boost your productivity and creativity with Svelte MiniApps - a collection of bite-sized, user-friendly tools built with SvelteKit!
Svelte MiniApps is a collection of mini-applications created to demonstrate the power and versatility of SvelteKit. It started as a personal project to learn full-stack development, but has since evolved into a repository of small, single-purpose applications designed to offer a simple and user-friendly experience.
Table of Contents
This project includes a variety of mini-apps, each focusing on a specific task. Whether you need a unit converter, a random password generator, or a simple music player, there's likely a mini-app here that can help you.
- Unit Converter: Converts between various units (length, temperature, volume, etc.).
- Random Password Generator: Generates secure passwords with customizable length and complexity.
- Color Picker: Lets you choose a color and shows its HEX code or RGB values.
- Checklist Maker: Allows you to create checklists and mark items as completed.
- Text Summarizer: Creates a shorter version of a text by keeping within a word limit.
- Morse Code Translator: Translates between text and Morse code.
- Pomodoro Timer: Creates a timer with a countdown and lets you set customizable work/break intervals. It also uses audio notifications to alert you.
- Random Emoji Generator: Generates a random emoji with a single click.
- Age Calculator: Calculates your age based on the date you were born.
- Rock Paper Scissors Game: Lets you play the classic rock, paper, scissors game against the computer and shows the outcome.
- Dice Roll Simulator: Simulates rolling dice and visually shows the result.
- Countdown Timer: Sets a timer with a countdown and shows progress visually.
- Currency Converter: Gets live exchange rates and converts between different currencies.
- BMI Calculator: Calculates your Body Mass Index based on your height and weight.
- QR Code Generator: Creates QR codes that contain URLs, text, or vCards.
- To-Do List with Persistence: Lets you create and manage to-do items, and saves them for later use.
- GitHub Contribution Tracker: Visualizes your GitHub contributions in a way that is easy to understand and engaging. It helps you track streaks, find patterns, and stay motivated.
- Recipe Book Organizer: Helps you manage your recipes by letting you create, organize, and potentially convert them into instructions.
- Habit Tracker: Tracks your daily habits and shows your progress over time.
- Photo Editor: Provides basic tools like cropping, resizing, and applying filters to edit photos.
- Wikipedia Article Explorer: Lets you search Wikipedia and explore linked articles visually.
- Math Equation Solver: Solves simple math equations and shows the steps to get the answer.
- Budget Tracker: Helps you track your income and expenses to manage your finances.
- Simple Drawing App: Lets you create basic drawings using lines, shapes, and colors.
- Markdown Editor: Allows you to edit and view markdown files easily. Great for writing notes, to-do lists, or even creative projects.
- Music Player: Plays audio files stored on your device and lets you browse them.
- English Dictionary App: Web app that retrieves word definitions, pronunciation, and audio using an API. It also implements loading effects, error handling, and Web Speech API for audio playback.
Prerequisites:
- Node.js and npm (or another package manager) installed on your system.
Exploring the Mini-Apps:
The Svelte MiniApps project showcases a collection of pre-built mini-apps. You can simply clone this repository and run the development server to explore existing functionalities.
git clone https://github.com/Michael-Obele/Svelte-MiniApps.git
cd Svelte-MiniApps
bun install
bun run dev This will launch a local server and open all the available mini-apps in your browser window. Navigate through the different functionalities and see how they work.
You can install Svelte MiniApps as standalone applications on your device for quick access. To install Svelte MiniApps:
- Open the mini-app in your browser.
- Click on the browser's menu (usually represented by three dots) to open the browser menu.
- Select "Install" or "Add to Home Screen."
Svelte MiniApps will be added to your device's home screen, allowing you to launch it like any other app.
You can also access a live version of the Svelte MiniApps project on our website: Svelte MiniApps
We welcome contributions to this project! If you have an idea for a new mini-app or want to improve upon an existing one, feel free to fork the repository, make your changes, and submit a pull request.
Here are some guidelines for contributing:
- Focus on single-purpose tools: Each mini-app should be focused on a specific task and remain concise in functionality.
- Prioritize user-friendliness: Ensure the mini-app is easy to understand and use, with clear instructions and intuitive interactions.
- Write clean and maintainable code: Follow Svelte best practices and keep your code organized for future enhancements.
Let's build a collection of valuable Svelte tools together!
This project is licensed under the MIT License.
Here's a brief summary of the MIT License:
- You are free to freely use, modify, and distribute this software for any purpose, commercial or non-commercial.
- You must retain the copyright and license notice in all copies of the software.
- The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
The full license text can be found in the LICENSE file included in this repository.