⛪ SDA Hymnal App

Welcome to the SDA Hymns App! This project is built with Vue 3 and Tailwind CSS, providing a modern and responsive user interface for accessing hymns.

🚀 Features

• Browse and search through a collection of hymns
• Responsive design for optimal viewing on all devices
• Multiple color modes support
• Simple and intuitive user interface
• MIDI/Audio for most hymns
• Present mode for live worship

💻 Tech Stack

• Vue 3 [Typescript]: Web framework for building user interfaces powered up by typescript
• Vite: Next generation frontend tooling for fast development and building
• Tailwind CSS: Utility-first CSS framework for rapid UI development
• Pinia: Intuitive, type safe, and flexible Vue Store
• VueUse: Collection of essential Vue Composition Utilities
• Dexie.js: Minimalistic IndexedDB wrapper for client-side storage
• Fuse.js: Lightweight fuzzy-search library
• PWA Support: Progressive Web App capabilities for offline access
• Vue Router: Official router for Vue.js applications

📝 What am I working on?

You can see what I am currently working on by checking the TODO file located in the root directory of the project. This file contains a list of tasks and features that are currently in progress or planned for future development.

🛠️ Installation

To get started with the SDA Hymns, follow these steps. Please Note: For this project, I am using bun from the package manager, if you prefer yarn, pnpm or npm, just replace bun in the commands below with either yarn, npm {run} or pnpm respectfully.

Clone the repository

git clone https://github.com/dev-murphy/sda-hymns.git
cd sda-hymns

Install dependencies

bun install

Start the development server

bun dev

Build and Type-check for Proudnction

bun build

Run preview the Proudnction

bun preview

Open your browser and navigate to http://localhost:5173.