Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/energywraith/winamp
Webinamp - a Web Winamp created in Nuxt 3 / Vue 3
https://github.com/energywraith/winamp
nuxt3 vue winamp
Last synced: about 4 hours ago
JSON representation
Webinamp - a Web Winamp created in Nuxt 3 / Vue 3
- Host: GitHub
- URL: https://github.com/energywraith/winamp
- Owner: energywraith
- Created: 2022-08-04T18:27:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-13T16:51:38.000Z (about 2 years ago)
- Last Synced: 2023-05-20T18:29:36.604Z (over 1 year ago)
- Topics: nuxt3, vue, winamp
- Language: Vue
- Homepage: https://winamp.vercel.app/
- Size: 2.14 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web winamp
Remember the old good times when you used to listen to the legendary songs on your windows 95 using winamp? Well those times arent back, but we can pretend that this is the case thank to **WEB WINAMP 9999**. You can use winamp anytime and anywhere, all you need is a web browser and a little bit of internet connection :flushed:.
## Technologies:
```diff
+ TypeScript
+ Nuxt 3
+ Vue 3
+ Pinia
+ SCSS
+ googleapis
- Boring libraries
```
## Transition from Express to Nuxt 3
During the development of the application, I noticed that the express on the backend actually just complicates the code of my application. The backend is very simple, its only task at the moment is to download songs using ~~Ytdl~~ (Moved to Google Drive API), which is impossible on the client side.
Knowing a bit about the React ecosystem, I started to look into whether there might be some interesting Next counterpart for Vue. And here came Nuxt 3, which delighted me with its simplicity, as well as the amount of facilitation it serves. So I decided to move Winamp from Express to Nuxt!
## How to run the project?
First clone the repository:
```bash
git clone https://github.com/energywraith/winamp.git
```
Install dependencies:
```bash
yarn install
```
### Development Server
Start the development server on http://localhost:3000
```bash
npm run dev
```
### Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
## Known Issues:
* Does not work on Safari
### Do you see anything that could be refined? Let me know, I will be happy to hear!