WPD - Wichita Police Department

Folders

• wpd-api: Backend side folder
• wpd_app: Mobile App folder
• wpd-webview: Information page when the user scan the QR Code
• design: Adobe XD files and assets
• journals
  - Abdulrahman
  - Andrew
  - Dhari
  - Elina
  
• weekly_minutes: Folder compiled of our team's weekly minutes.
  
• reports: Folder compiled of previous/current semesters class assignments.
• slides: Folder compiled of PowerPoint slides from class assignment.

Team members (roles) - We Can Do It Team

• Dhari Alenezi: Mobile & backend developer.
• Elina Do: Database Developer
• Andrew Nguyen: Full-Stack Developer
• Abdulrahman Alharbi: UI & UX Designer

Videos

• The Final Presentation https://youtu.be/0COL4EpEtxU

Technologies & Programming Languages

• Mobile APP, we used Flutter SDK & Dart programming language.

• Backend side, we used Node.js & Javascript programming language.

• Database, we used MongoDB (NoSql) database.

Software Architectural Pattern

• Mobile APP -> MVVM (Model–view–viewmodel)
• Backend -> MVC (Model–view–controller)

Project Structure

Usage

WPD Backend & Webview

1 - Open the wpd-api folder
2 - Create config folder
3 - Create config.env file
4 - Add these

# NODE_ENV=development
PORT=3000

MONGODB_URL=<URL>

FILE_UPLOAD_PATH=./src/public/uploads
MAX_FILE_UPLOAD=1000000

JWT_SECRET=<SECRET>
# JWT_COOKIE_EXPIRE=30

SENDGRID_API_KEY=<KEY>

DO_SPACES_ENDPOINT=<ENDPOINT>
DO_SPACES_KEY=<KEY>
DO_SPACES_SECRET=<SECRET>
DO_SPACES_NAME=<SPACE>

5- Run

npm install

6- run the app

npm run dev

Mobile Application

1 - Open the wpd_app folder
2- run

flutter pub get

3- run

flutter run

Database Seeder

To seed the database with users and cases with data from the "_data" folder, run

# Destroy all data
node src/seeder -d

# Import all data
node src/seeder -i