使用 NextJS、Python 和 Flutter 开发的船员考勤 Web 和移动应用程序 ✨

PRs Welcome Build passing Open Source Love License Made with Love in India

船员考勤是一款用于通过实时人脸识别来记录课堂考勤的 Web 和移动应用程序

功能和特性？

  • 教师和学生登录
  • 教师和学生注册
  • 教师创建课程
  • 教师删除课程
  • 教师标记考勤
  • 通过人脸识别进行课堂考勤
  • 更新考勤
  • 学生报名参加课程
  • 学生退课
  • 教师和学生更新个人资料
  • MongoDB 用于数据库
  • NextJS 作为前端
  • Flutter 用于移动应用程序
  • Flask Python 用于后端

截图

应用

loginscreen

创建课程

create-course

课程学生详情

course-student

课程考勤记录

mark-attendance

学生报名参加课程

student-enroll

个人资料

profile

Web 登录

login

Web 课程

webcourse

技术栈？

安装和运行应用程序

运行后端 API

1. 运行以下命令克隆此仓库：-

 https://github.com/CrewCodeAnku/crew-attendance-nextjs-python-flutter.git
 cd crew-attendance-nextjs-python-flutter

2. 运行设置，这将安装所有模块并为您创建项目：-

 cd backend-python-flask
 ./setup.sh or bash setup.sh

3. 在 modules/config/config.cfg 文件中输入所有凭据详细信息：-

 # Config files are not tracked in Git and must be placed manually in each
# app environment (e.g. development, staging, production).

# General
DEBUG = True
TIMEZONE = "US/Eastern"
SECRET_KEY = ""
ENVIRONMENT = "development"
FLASK_DIRECTORY = "Your project directory"
FLASK_DOMAIN = "0.0.0.0"
FLASK_PORT = 4000
FRONTEND_DOMAIN = "https://:3000"
HTTP_HTTPS = "http://"
FRONTEND_URL = "https://:3000"

# Database
MONGO_HOSTNAME = "localhost"
MONGO_PORT = 27017
MONGO_AUTH_DATABASE = ""
MONGO_AUTH_USERNAME = ""
MONGO_AUTH_PASSWORD = ""
MONGO_APP_DATABASE = "crewattendance"

# Sendgrid
SENDGRID_API_KEY = ""

# AWS
S3_KEY = ""
S3_SECRET    = ""
BUCKET_NAME   = ""
S3_LOCATION   = ""

4. 现在要启动后端，需要运行以下命令：-

启动您的 Python Flask API

python3 run.py

运行 Flutter App

1. 进入 mobile-app 文件夹：-

2. 在 lib/util/app_url 文件中更改 API URL：-

static const String localBaseURL = "http://192.168.1.4:4000";

3. 启动应用程序：-

flutter run

运行 NextJS Web 应用程序

1. 进入 frontend-nextjs 文件夹：-

2. 运行以下命令启动项目：-

cd frontend-nextjs
npm run dev

如果您喜欢此仓库并想赞赏我们的努力，请不要忘记给此仓库一个 ⭐

forthebadge forthebadge

GitHub

查看 Github