Skip to content

README.md

Latest commit

 

History

History
138 lines (99 loc) · 1.86 KB

README.md

File metadata and controls

138 lines (99 loc) · 1.86 KB
Raw

🎀 Notes & Music Player

A cute cozy desktop widget built with React + Electron featuring sticky notes and a pixel-style music player.

✨ Features

📝 Notes Widget

  • Add notes
  • Delete notes
  • Cute cozy UI
  • Responsive layout

🎵 Music Player

  • Playlist support
  • Previous / Next songs
  • Play & Pause
  • Real-time progress bar
  • Seekable timeline
  • Animated spinning vinyl
  • Dynamic album covers
  • Live song duration

🪟 Electron Desktop App

  • Runs as a desktop widget
  • Resizable window
  • Hidden title bar aesthetic
  • Floating cozy setup

🛠 Tech Stack

  • React
  • Vite
  • Electron
  • CSS

App Screenshot

📂 Folder Structure

cozy-notes/
│
├── public/
│   ├── song1.mp3
│   ├── song2.mp3
│   ├── song3.mp3
│   ├── wheel.png
│   ├── heart.png
│   └── ...
│
├── src/
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
│
├── electron/
│   └── main.js
│
├── package.json
└── vite.config.js

🚀 Installation

Clone the repository:

git clone YOUR_REPO_LINK

Go into the project folder:

cd cozy-notes

Install dependencies:

npm install

▶ Running the App

Start React

npm run dev

Start Electron

Open another terminal:

npm run electron

💖 Future Improvements

  • Shuffle & repeat
  • Volume controls
  • Themes
  • Pomodoro timer

🌸 Inspiration

Inspired by:

  • Cozy desktop setups
  • Pixel UI aesthetics
  • Lo-fi music widgets
  • Retro anime interfaces

📜 License

Open source and free to use.

💕 Made With Love

Built while learning React + Electron + UI Design ✨