This is a Next.js projext about member dashboard. In this app we can login as Admin and Member. The Admin can manage the members, while the member can edit their profile. The purpose of this app is to keep track of current member.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

For the API itself, you can use (NEXT_PUBLIC_API_URL) for your own .env.local.

Example: NEXT_PUBLIC_API_URL=http://localhost:5000

The backend can be accessed with this Github repo: (https://github.com/iqrobanyuanto/Backend-DataMember.git)

The Stacks

Framework: NextJS Library:

• Tailwind CSS
• Material UI

•       "dotenv": "^16.4.5",
  

•       "jwt-decode": "^4.0.0",
  

•       "next": "14.2.3",
  

•       "react": "^18",
  

•       "react-dom": "^18",
  

•       "react-hook-form": "^7.52.0",
  

•       "react-material-ui-carousel": "^3.4.2",
  

•       "react-to-print": "^2.15.1"
  

Back-end Framework: NodeJS Library:

•       "bcrypt": "^5.1.1",
  

•       "cookie-parser": "~1.4.4",
  

•       "cors": "^2.8.5",
  

•       "debug": "~2.6.9",
  

•       "dotenv": "^16.4.5",
  

•       "express": "^4.19.2",
  

•       "firebase": "^10.12.2",
  

•       "http-errors": "~1.6.3",
  

•       "jade": "^1.9.2",
  

•       "jsonwebtoken": "^9.0.2",
  

•       "morgan": "~1.9.1",
  

•       "mssql": "^11.0.0",
  

•       "multer": "^1.4.5-lts.1",
  

•       "mysql": "^2.18.1",
  

•       "mysql2": "^3.9.9",
  

•       "promise": "^8.3.0",
  

•       "sequelize": "^6.37.3"
  

Database:

• MySQL