Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/suizer98/weddinginvitation

Simple wedding invitation ecard demonstrated by light weights full stacks development (web tier, app tier, database tier)
https://github.com/suizer98/weddinginvitation

antdesign docker fastapi heroku postgresql python reactjs render typescript vite

Last synced: 5 days ago
JSON representation

Simple wedding invitation ecard demonstrated by light weights full stacks development (web tier, app tier, database tier)

Awesome Lists containing this project

README

        

# Wedding Invitation App

Tech Stack: Netlify, Vite, React TS, Ant Design, Render container (previously Heroku container), Python FastAPI, Render PostgreSQL, Telegram Bot

![Tech stacks](https://skillicons.dev/icons?i=vite,ts,react,fastapi,python,docker,ubuntu,bash,heroku,netlify,postgres)

Frontend: https://suizerlyciawedding.netlify.app/

Backend: Render free instance Docker web service (Shut down when inactive)

Database: Render free tier PostgreSQL (Shut down when inactive)

Alert Bot: Telegram BotFather (As a notifer and backup)

## Local Development

### To install all dependencies from `package.json`

If you have `nvm` or `npm` available, simply run:
```
npm install
```
### Docker container

If you are Docker euthanist, have Docker Desktop on your end:
```
docker-compose up --build
```

### Runs the app in the development mode

```
npm start
```
```
docker-compose up # provided you have Docker installed
```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

### To fix format lintings for all codes using `prettier`

Usual terminal commands such as:
```
npm run format
```

OR

```
docker exec -it weddinginvitation npm run format
```

## Staging environment (Heroku, Render...)

### Set Heroku default stack as free container
```
heroku login
heroku stack:set heroku-22 -a szlyciawedding
```
Note: This website is now migrated to `Netlify`

### Create Render Docker web service
Refer to [backend](https://github.com/Suizer98/weddingbackend)

### Staging website configuration
https://app.netlify.com/sites/suizerlyciawedding/overview

https://dashboard.render.com/web/srv-cnsllki1hbls73fsh060

https://dashboard.render.com/d/dpg-cpk09cf109ks73etk9ng-a