PopRun B

screenshot of PopRun B
laravel
vue
bootstrap
scss

跑鸭:这是我的毕业设计,“跑鸭”微信小程序-一款基于校园跑步的社交小程序(实时里程配速、运动路径、整公里提醒、周榜月榜、打卡分享、热门推荐、线上活动、勋章墙、隐私设置),技术栈:Laravel+MySQL、Vant-Weapp UI

Overview

PopRun B is an innovative WeChat mini-program named "跑鸭" (running duck), designed primarily for campus runners looking to combine their love for running with social interactions. This project, created as a graduation design, aims to enhance the running experience through various interactive features that not only track performance but also foster community engagement among users.

The application offers a user-friendly interface and a robust technical foundation, incorporating technologies like Laravel, MySQL, and Vant-Weapp UI. Whether you're an experienced runner or just starting, PopRun B makes it easy to monitor your progress and connect with fellow enthusiasts on campus.

Features

  • 实时里程配速: Track your distance and pace in real-time, allowing you to monitor your performance effectively during runs.
  • 运动路径: Record and display your running routes, giving you insights into different paths you can explore within your campus.
  • 整公里提醒: Receive notifications when you hit each kilometer, helping you set goals and manage your pacing.
  • 周榜月榜: Participate in weekly and monthly leaderboards to challenge yourself and see how you rank among other users.
  • 打卡分享: Share your running accomplishments and progress on social media, encouraging friends and followers to support your journey.
  • 热门推荐: Discover popular running routes and events based on user preferences and location, enhancing your running experience.
  • 线上活动: Engage in online events to foster community spirit and motivate each other to achieve fitness goals.
  • 勋章墙: Earn virtual badges for your achievements, providing a fun way to gamify your fitness journey and celebrate your milestones.

PopRun B stands out as a comprehensive tool for anyone looking to enhance their running experience while building a sense of community on campus.

laravel
Laravel

Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.