https://github.com/eddienubes/beatstore
Website made out of reactjs, nodejs, mongodb + telegrafjs for sort of admin panel that I use to manage website via telegram client.
https://github.com/eddienubes/beatstore
Last synced: about 1 year ago
JSON representation
Website made out of reactjs, nodejs, mongodb + telegrafjs for sort of admin panel that I use to manage website via telegram client.
- Host: GitHub
- URL: https://github.com/eddienubes/beatstore
- Owner: eddienubes
- Created: 2021-01-20T13:15:57.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-01-04T14:32:38.000Z (over 3 years ago)
- Last Synced: 2025-01-30T09:32:58.492Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://cherriesby.tech/
- Size: 96.5 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Beatstore
Website made out of reactjs, nodejs, mongodb + telegrafjs for sort of admin panel that I use to manage website via telegram client.
### Technologies used:
#### Client side:
I will specify several core components, technologies, that i used during development
* `ReactJS`
* `react-player` - used as a base component for creating audio player
* `Redux` - state container
* Tried out multiple react ui libraries like `semantic-ui-react`, `material-ui` and `react-bootstrap` to see what works best for me :)
* `node-sass` - module to handle scss
* `@fortawesome` - component for beautiful icons
---
#### Server side | API:
* `Nodejs`
* `nodemailer` - to send confirmation emails and products itself
* `jsonwebtoken` - used to generate access and refresh tokens for login and signup handling
* `mongoose` - really cool ODM. It was a pure pleasure to work with it.
* `multer` - handy middleware for handling file uploads on the web-server.
* `expressjs` - super convenient web framework
* `@paypal/checkout-server-sdk` - paypal sdk for handling payment of the website
---
#### Server side | Telegram BOT:
* `Telegrafjs` - telegram bot framework
### Docker
Deploy Stack Locally
`docker stack deploy -c docker-compose.stack.yml --with-registry-auth beatstore`
1. #### frontend
- build image
- `docker build . -f docker/Dockerfile -t beatstore-frontend`
- run container
- `docker run -p 80:80 beatstore-frontend`
2. #### backend
- build image
- `docker build . -f docker/Dockerfile -t beatstore-backend`
- run container
- `docker run -p 3000:3000 beatstore-backend`
3. #### admin-bot
- build image
- `docker build . -f docker/Dockerfile -t beatstore-admin-bot`
- run container
- `docker run -p 3001:3001 beatstore-admin-bot`
#### Generate password via `htpasswd` and save to the _credentials_ file:
``htpasswd -Bbn > credentials``
#### Launch a dedicated private docker registry service with the following options:
- bind to 5001 port
- restart on-failure
- named as "registry"
- create a bind mount containing proper credentials (symlink)
- set registry auth type to htpasswd
- set password realm to whatever you want, it's just an auth scope
- set relative path to the credentials file created earlier
- we need only 1 replica here
- run the latest registry image
```shell
docker service create \
-p 5001:5000 \
--restart-condition="on-failure" \
--name=registry \
--mount type=bind,src=/root/registry,dst=/var/lib/registry \
-e "REGISTRY_AUTH=htpasswd" \
-e "REGISTRY_AUTH_HTPASSWD_REALM=Registry Realm" \
-e REGISTRY_AUTH_HTPASSWD_PATH=/var/lib/registry/credentials \
--replicas=1 \
registry:latest
```
#### Add insecure registry in the daemon.json to be able to push there w/o TSL certificate (https)
### Add label to the non-ci nodes
``docker node update --label-add type=instance ``
``docker node inspect ``
We will be deploying via GitHub Actions, so we have to avoid accidental creation of a service on the CI node, which will be destroyed immediately afterwards.