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”
},