Product Design "YOWL" / Babor 🛥

The Babor app was born out of a desire to modernize the process of renewing boat licenses in France. Online learning is now part of our daily lives and one of the most widely used methods for acquiring new skills, yet we noticed that the only apps available for renewing boat licenses were outdated and poorly designed. To address this issue, we developed Babor.

We chose to use the Expo JS technology for our frontend to improve our user experience by allowing them to use the applications anywhere, anytime on their phones. For the backend we chose Prisma & Postgresql running on a Docker container, the flexibility of Prisma allowed us to improve our coding quality (e.g for the queries).

You can access the prototype here.

File organization

You can find project's architecture below

|- - docs/
| | - - 01_research/ 
| | - - 02_personas/
| | - - 03_user_ journey/
| | - - 04_wireframes/
| | - - 05_mockups/
| | - - 06_prototype/
| | - - 07_feedback/
| | - - 08_prioritization/
| | - - 09_pitch/
|- - mvp/
|- - <source code of the web application >

Research & Problem Framing

01_research/

• benchmark.md : Analysis of similar or related solutions and identification of differentiating points.
• interviews.md : Notes from discussions with classmates (minimum 3 structured interviews). Content must highlight needs, frustrations, habits or expectations.
• problem_statment.md : A concise formulation of the problem your product addresses.

02_personas/

• persona_*.md : At least one persona, with goals, motivations, behaviours and pain points.

03_user_journey/

: At least one persona, with goals, motivations, behaviours and pain points.

04_wireframes/

05_mockups/

06_prototype/

Can be found on the Figma.

07_feedback/

• test_protocol.md : Brief description of what you asked testers to do on the prototype.
• feedback_summary.md : Consolidated notes from 3 to 5 testers (classmates). Highlight recurring issues, confusions or opportunities.

08_prioritization/

• prioritization_matrix.md : A matrix (MoSCoW, RICE or other) justifying your choices.
• mvp_definition.md : A precise description of the MVP scope: – main user flow – essential screens – minimal features – what is explicitly excluded

09_pitch

• pitch_deck.md : A concise presentation including:
  – problem
  – target users
  – concept
  – UX walkthrough
  – MVP scope
  

Installation & Running

1. Download the project or git clone git@github.com:EpitechBachelorPromo2028/B-TBM-100-MPL-1-1-yowl-5.git
2. cd mvp/babor && npm i
3. cd mvp/backend && npm i
4. babor > npx start -c
5. mvp > sudo docker compose up --build
   
6. Don't forget to specify your local IP in babor/config/api.js MANUAL_BACKEND_IP = {your_ip}
7. Then you can access it by scanning the QR code in the Expo Logs, by being connected to the same network.

---