https://github.com/yunyoungsik/auth-tutorial

React와 tainlwind, MogoDB, Zustand를 활용하여 제작한 웹 사이트입니다.
https://github.com/yunyoungsik/auth-tutorial

backend frontend mogodb react zustand

Last synced: 6 days ago
JSON representation

React와 tainlwind, MogoDB, Zustand를 활용하여 제작한 웹 사이트입니다.

• Host: GitHub
• URL: https://github.com/yunyoungsik/auth-tutorial
• Owner: yunyoungsik
• Created: 2024-08-13T08:37:05.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-20T06:28:47.000Z (5 months ago)
• Last Synced: 2024-11-09T18:15:22.042Z (2 months ago)
• Topics: backend, frontend, mogodb, react, zustand
• Language: JavaScript
• Homepage: https://auth-tutorial-ykbh.onrender.com/
• Size: 579 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Auth Tutorial



[참고영상](https://youtu.be/pmvEgZC55Cg?si=Md0ycCec1aoQFrgw)

## 설치

```

[backend]

npm install express cookie-parser mailtrap bcryptjs dotenv jsonwebtoken mongoose crypto

npm i nodemon -D

npm i cors

npm install cross-env --save-dev

[Linux, macOS]

"scripts": {

    "dev": "NODE_ENV=development nodemon backend/index.js",

    "start": "NODE_ENV=production node backend/index.js",

    "build": "npm install && npm install --prefix frontend && npm run build --prefix frontend"

  },

[window]

"scripts": {

  "dev": "cross-env NODE_ENV=development nodemon backend/index.js",

  "start": "cross-env NODE_ENV=production node backend/index.js",

  "build": "npm install && npm install --prefix frontend && npm run build --prefix frontend"

}

[frontend]

npm create vite@latest .

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

npm i react-router-dom

npm i framer-motion

npm i lucide-react

npm i zustand

npm i axios

npm i react-hot-toast

```