Skip to content

Interloopers/Training-Arc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚚 Training Arc

Welcome to Training Arc – a gamified learning website designed to train new delivery drivers to handle real-life challenges like bad weather, traffic, and more, all while keeping the learning process fun and engaging!


🌟 Features

  • Interactive Lessons: 📘 Simple theory lessons followed by quizzes to ensure understanding.
  • Live Map Navigation: 🗺️ Practical tasks using Google Maps API and Leaflet, where drivers navigate from point A to point B under real-world constraints.
  • Progressive Difficulty: 🚦 Each of the 6 lessons gets progressively harder, preparing drivers for more challenging deliveries.
  • Gamification: 🎮 Keep things exciting with daily and weekly quests, a reward system, and a leaderboard to foster a fun, competitive environment.

🚀 Tech Stack

  • Frontend: React, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Mapping: Google Maps API, Leaflet.js

📋 Lessons Overview

  1. Basics of Delivery – Understanding traffic signals and basic delivery rules.
  2. Handling Bad Weather – Learn to deliver safely in rain, snow, and harsh conditions.
  3. Heavy Traffic Maneuvering – Navigate through congested areas effectively.
  4. Time Management – Improve efficiency while keeping safety in mind.
  5. Advanced Routes – Deal with complex roadways and unexpected obstacles.
  6. Final Challenge – Combine everything you've learned in a high-stakes delivery challenge!

🎯 Gamification System

  • Daily & Weekly Quests: ✅ Complete tasks like delivering in specific time limits or challenging weather conditions.
  • Rewards: 🎁 Earn points and badges to unlock new levels.
  • Leaderboard: 🏆 Compete with other drivers to claim the top spot!

📸 Screenshots

1️⃣ Home Page

Gameplay

2️⃣ Lessons Dashboard

Gameplay

3️⃣ Lesson

Gameplay

4️⃣ Quiz

Gameplay

5️⃣ Quiz Completion Screen

Gameplay

6️⃣ Live Map Location

Gameplay

7️⃣ Live Map Testing

Gameplay

8️⃣ Leaderboard

Gameplay

9️⃣ Rewards

Gameplay

🔟 Questes

Gameplay

11 Login

Gameplay

12 Signup

Gameplay

📜 Credits

🕹️ Installation

  1. Clone the repository:
    git clone https://github.com/Interloopers/Training-Arc.git
    
  2. Run the command:
    npm run start
    
  3. Run the server file:
    run leaderboard.py

About

This is a gamified web app designed to equip new delivery drivers with real-world skills by simulating challenges like adverse weather, traffic, and more, all while maintaining an engaging, interactive learning experience

Resources

License

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors