https://github.com/hpt-dev/clicknclearmusic

VueJS SPA web application with node/expressJS backend. Uses Typescript.
https://github.com/hpt-dev/clicknclearmusic

bulma bulma-css chai inversify inversifyjs lodash mocha nodejs spa typescript vuejs

Last synced: about 15 hours ago
JSON representation

VueJS SPA web application with node/expressJS backend. Uses Typescript.

• Host: GitHub
• URL: https://github.com/hpt-dev/clicknclearmusic
• Owner: hpt-dev
• Created: 2020-05-04T17:06:06.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T16:34:10.000Z (almost 2 years ago)
• Last Synced: 2023-03-21T10:15:27.228Z (over 1 year ago)
• Topics: bulma, bulma-css, chai, inversify, inversifyjs, lodash, mocha, nodejs, spa, typescript, vuejs
• Language: TypeScript
• Homepage:
• Size: 2.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Starting (TS/Dev)

1. Navigate to /API/

2. npm install

3. npm run dev

4. go to localhost:3000

# Starting (JS/Prod)

1. Navigate to /API/ and run npm install

2. Navigate to /Util/ and run npm install 

3. Navigate to /Web/ and run npm install 

4. Navigate to /Util/ and run node build.js

5. Navigate to newly created folder /prod/ in root directory

6. run node ./bin/www.js

7. go to localhost:3000

The SPA has already been built (npm install && npm run build from /Web/ will re-build the SPA and place the build files in /API/public/)

# API

API folder contains an expressJS/typescript server for returning the track data (localhost:3000/track/*) and returning the vue SPA (locahost:3000/)

# Web

Web folder contains a vuejs SPA that uses typescript.

UI/CSS with bulma

testing with mocha/chai

# Util

Contains build file

# TODO

1. Added DB backend instead of static json

2. Updated Repo/Service functions to async and return promise

3. Logging

4. Server side rendering (https://nuxtjs.org/)

5. Add vuejs state management 

6. Error handling

7. Tidy up web build css/js (e.g 99% of bulma, lodash not needed)