https://github.com/nderousseaux/harmonia
A web app to help you relax
https://github.com/nderousseaux/harmonia
Last synced: 3 months ago
JSON representation
A web app to help you relax
- Host: GitHub
- URL: https://github.com/nderousseaux/harmonia
- Owner: nderousseaux
- Created: 2025-02-07T21:06:58.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-26T16:23:18.000Z (4 months ago)
- Last Synced: 2025-02-26T16:42:15.898Z (4 months ago)
- Language: TypeScript
- Homepage: https://harmonia-liart.vercel.app
- Size: 806 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
Harmonia
A web app to help you relax.
## âšī¸ About
Harmonia is a web app that helps you relax with sophrology exercises. It permit you to listen to audio exercises and follow the instructions to relax. It is built with Next.js, Tailwind CSS and Vercel.
It use a PostgreSQL database, and a blob storage to store the audio files.
Some GSAP and Framer Motion animations are used to make the app more dynamic.
## ⨠Features
- Display a list of lessons
- Display information about a lesson
- Play the audio of a lesson
- Mark the lesson as done
## đ Tech Stack & Practices
This project implement the best practices of web app development :
- Nested routing
- Server-side rendering (SSR)
- Dynamic rendering
- Images and fonts optimization
- Handling errors (404, 500)
- Mutating data, with refreshing the cache
## đ ī¸ Getting started
### Installation
```bash
$ pnpm install
$ cp .env.example .env
```
Fill the `.env` file with your own values. Then, init the database with the struct.sql file :
```bash
$ plsql -U -d -f data/struct.sql
````
### Development
```bash
$ pnpm run dev
#or, with vercel
$ vercel dev
```
### Deployment
```bash
$ vercel --prod
```
Or simply push to the main branch, if you have the vercel integration enabled.
> **Note:** Don't forget to set the environment variables in the vercel dashboard.
## đ Future improvements
- Create a home page
- Add an authentication system
- Adding a comment section (with a rating system)
- Adding a search bar
- Sort lessons by category
## đ
Some screenshots