View Code? Open in Web Editor
NEW
Ditch Anxiety: Chill Pill to the Rescue!
Home Page: https://chill-pill-mu.vercel.app
License: Other
TypeScript 65.03%
CSS 9.00%
JavaScript 7.87%
Python 15.95%
Shell 2.15%
chillpill's People
Watchers
chillpill's Issues
- make a button for random audio play ?
- make a pre-made mixes like
- nature mixes
- chill mixes
- music/cermony mixes
- random audios
- use die icon labeled "random"
- Extract and order sound icons from the figma desgin to
public/icons/
folder
- Find new icons of needed
- Right now audio loops fine
- But it needs fine tunning to make a seemless looping
- Use howl instance to iniate a volume control
- Add it to the side bar div
- add button with trash icon to delete that specific audio
![image](https://private-user-images.githubusercontent.com/66136622/336606384-c0ceede4-846c-4480-ac71-405367fc90e1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MjAyODEsIm5iZiI6MTcxODkxOTk4MSwicGF0aCI6Ii82NjEzNjYyMi8zMzY2MDYzODQtYzBjZWVkZTQtODQ2Yy00NDgwLWFjNzEtNDA1MzY3ZmM5MGUxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDIxNDYyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNjYzRlNzIxMDVhZDcwMTk5Mjc1NDcwMzljNzVjNTZhM2E0YzdlNTFiOTJjMWRhNGFhNjYxMjBiY2ZmOGY5OWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7bA9z9qPBOJvIKSTh-n2Zc3CCENgM9ZLFsHlt9n8Cg8)
- Make indicator that a button is pressed Using UI/UX trick
- Edit the file
app/components/Button.tsx
- Fix a bug where volume controls menu doesn't go away
- Right now we got 100 or more sounds
- some with right names
- Some need proper labeling
- You need to open
sounds.json
and label/Categorize sounds
- Listen to un-labeled sounds and try to find a good name
- vercel.com deploy for permanent server
- collect screenshots as much as u can
- add them in
screen-shots-dump
- get ready before 5/6
- take @0x3mr icon design
- Upload to github to
app/favicon.ico
folder
- Verfiy when loading the app the icon is displayed in tab bar like:
![image](https://private-user-images.githubusercontent.com/66136622/335188599-a4206344-29c2-4572-ad32-d8e86e36d9fa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg5MjAyODEsIm5iZiI6MTcxODkxOTk4MSwicGF0aCI6Ii82NjEzNjYyMi8zMzUxODg1OTktYTQyMDYzNDQtMjljMi00NTcyLWFkMzItZDhlODZlMzZkOWZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDIxNDYyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMxNDZlOTNjYzMwZmM0MTY2NDQwZDY2ODc0MDJlZWFiODlhMmYyYTA1ZDVkMTk4MWJmYjI4OTBmNmZiNzZmMGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VM3cSMtynt5tPCGtUj6QYWr0MGp5RTAfAmVbLENqSBo)