<img src="banner.png" style="border-radius: 10px;">

Run Flutter Run

A clone of the Runtastic or Strava mobile app

Fork it, add new functionnalities, please don't hesitate

If you want to play with the project or add new functionnalities, you can fork this current repository and the backend one (https://github.com/BenjaminCanape/RunBackEndRun) and do what you want with it, and if it's awesome maybe propose it in a Pull request here.

I would be happy to see all your ideas and improvments.

And if the code helped you and you want to thank me for this, you can buy me a coffee: </br>

<a href="https://buymeacoffee.com/benjamincanape" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>

Functionalities

Record your running, walking, and cycling sessions with session tracking through voice synthesis and a map updated with real-time location.

Users can also view their previous sessions and follow other users to see, like and comment their activities.

Getting Started

Prerequisites

You need flutter (The best is to use the version 3.22 and above)

How to run

flutter pub get
flutter gen-l10n
flutter run

Some screenshots of the application

New Activity

<img src="screenshots/new_activity/home.png" alt="Description de l'image" width="230px"> <img src="screenshots/new_activity/current_activity.png" alt="Description de l'image" width="230px">

Activity list

<img src="screenshots/activity_list/activity_list.png" alt="Description de l'image" width="230px"> <img src="screenshots/activity_list/activity_details.png" alt="Description de l'image" width="230px"> <img src="screenshots/activity_list/activity_graph.png" alt="Description de l'image" width="230px">

Community

<img src="screenshots/community/all_activities.png" alt="Description de l'image" width="230px"> <img src="screenshots/community/pending_requests.png" alt="Description de l'image" width="230px"> <img src="screenshots/community/user_profile.png" alt="Description de l'image" width="230px">

Settings

<img src="screenshots/settings/settings.png" alt="Description de l'image" width="230px"> <img src="screenshots/settings/edit_profile.png" alt="Description de l'image" width="230px">

Login and registration

<img src="screenshots/login_registration/login.png" alt="Description de l'image" width="230px"> <img src="screenshots/login_registration/registration.png" alt="Description de l'image" width="232px">