# 111-2 Lecture

## 2023/03/17
### Overview of Website technology
#### Fontend
- Framework
- [React](https://react.dev/)
- [Nextjs](https://nextjs.org/)
- CSS
- [MaterialUI](https://mui.com/)
- [Tailwind](https://tailwindcss.com/)
- Connect to Backend
- HTTP: axios, fetch
- websocket: WebSocket
- Graphql: [apollo-graphql](https://www.apollographql.com/docs/react/)
- Others:
- [threejs](https://threejs.org)
- [gatsby](https://www.gatsbyjs.com)
#### Backend
- Framework
- [Express](https://expressjs.com/)
- Others
- websocket: ws
- Graphql: [apollo-graphql](https://www.apollographql.com/docs/apollo-server/)
- Connect to DB:
- mongo: [mongoose](https://mongoosejs.com)
- sql: [prisma](https://www.prisma.io)

## 2023/03/10
### [Mongoose](https://mongoosejs.com/docs/documents.html)
docker-compose.yml

version: "3.4"

services:
  mongodb:
    image: mongo
    ports:
      - "27017:27017"

- docker-compose up -d
- docker-compose down

### Promise & async & await

### [Prisma](https://www.prisma.io/docs)