Project
├──
Frontend
│ ├──
components
│ │ ├──
DiscordConnectionForm.jsx
│ │ ├──
TokenVerificationForm.jsx
│ │ └──
…
│ ├──
pages
│ │ ├──
index.jsx
│ │ └──
…
│ ├──
utils
│ │ ├──
api.js
│ │ └──
…
│ ├──
package.json
│ ├──
package-lock.json
│ └──
…
├──
Backend
│ ├──
controllers
│ │ ├──
DiscordConnectionController.js
│ │ ├──
TokenVerificationController.js
│ │ └──
…
│ ├──
models
│ │ ├──
DiscordConnectionModel.js
│ │ ├──
TokenVerificationModel.js
│ │ └──
…
│ ├──
routes
│ │ ├──
DiscordConnectionRoutes.js
│ │ ├──
TokenVerificationRoutes.js
│ │ └──
…
│ ├──
utils
│ │ ├──
database.js
│ │ └──
…
│ ├──
app.js
│ ├──
package.json
│ ├──
package-lock.json
│ └──
…
└──
requirements.txt
similar structure as my file i give you for better understand
Frontend/package.json
{
“name”: “discord-connection-frontend”,
“version”: “1.0.0”,
“description”: “Frontend for Discord connection”,
“dependencies”: {
“axios”: “^0.24.0”,
“react”: “^17.0.2”,
“react-dom”: “^17.0.2”,
“next”: “^12.0.9”,
“semantic-ui-css”: “^2.4.1”,
“semantic-ui-react”: “^2.0.3”
},
Backend/package.json
{
“name”: “discord-connection-backend”,
“version”: “1.0.0”,
“description”: “Backend for Discord connection”,
“dependencies”: {
“cors”: “^2.8.5”,
“express”: “^4.17.1”,
“jsonwebtoken”: “^8.5.1”,
“mongoose”: “^6.2.2”
},