### FACTube
<iframe src="https://giphy.com/embed/uw5U12mcksoKs" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
---
## Roles
#### QA ---> Anna
#### UX ---> Mohamed
#### DevOps ---> Danilo
#### Scrum Facilitator ---> Barbara
---
## Concept :smile_cat:
---
## Proposed Tech Stack :pancakes:
We are using Supabase for our database and protected routes 🔑
Next JS and React for the front end ⚛️
Material library for our CSS
---
`react-player` for embedding videos within our app
---
###### Design Process :art: (Mohamed)
Miro :smile:, soo easy to use
---
Figma: Fun times <iframe src="https://giphy.com/embed/1Pfd5qmaqBvjO" width="100" height="77" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
- Doing basic design for mvp
-Learning Figma (prototyping, wireframing,components and grouping)
---
## Research insights
### User research :clipboard:
Our research interviews told us that they would find recommendations from other FAC members useful ✅
They told us that they would like to be able to filter videos by topic and length ✅
These both validated our assumptions
However, they told us that they didn't find it difficult to find good coding content on YouTube (depending on the topic!)
### Usability testing
Our user testing led to some changes in our UI
Our users told us that the FACtube logo could be bigger in relation to other UI elements (ie the visual hierarchy wasn't clear)
They also told us that the add video button wasn't very clear
They also gave us good ideas for features (thank you Adriana!)
---
## Sprint Planning (Barbara)
### Timetable :arrow_right: User Stories :arrow_right: Issues :arrow_right: Kanban
---
### 1. Timetable on Miro
- ⬜ → Non-coding time
- 🟨 → Daily Goals
- 🟥 → Key Feature
- 🟦 → Sub-task
---
### 2. Timetable :arrow_right: User Stories :arrow_right: Issues :arrow_right: Kanban
---
### Planned Habits
- Stand-ups
- Coordinate: make & allocate tickets
- Hand-overs
---
## Estimates and Priorities ⏱ (Danilo)
---
---
---
## Challenges
- Figma:
- Getting used to it
- Does it beat paper sketches?
- Confusion: Not being sure on the idea yet & being confused by how Figma works at the same time
---
## What we learned 📖
🤔 How to define the problem our users are facing and design a solution
🤔 How to use Figma to create prototypes for testing
🤔 How to conduct user research and usability testing
🤔 How to synthesise user feedback and adjust our project scope and goals
🤔 How to realistically scope our MVP/project
## Thank you - any questions?
<!--
---
### Potential Presentation Points
- [ ] Learning Figma (prototyping, wireframing,components,grouping and other issues)
- [ ] The Design Sprint
- [ ] user research
- [ ] Usability testing
- [ ] Role circles
- [ ] Project Planning
- [ ] Demo the FACtube project.
- [ ] Synthesise feedback
- [ ] Tech Stack
- [ ] What we learned and things that fustrated us
-
-->
{"metaMigratedAt":"2023-06-16T14:25:44.466Z","metaMigratedFrom":"YAML","title":"FACTube by Anna, Mohamed,Danilo and Barbara","breaks":true,"slideOptions":"{\"transition\":\"fade\"}","contributors":"[{\"id\":\"0a3ab15b-3310-4524-96d0-8240b9d0005e\",\"add\":2243,\"del\":665},{\"id\":\"173c5ca6-dd9a-4147-90c5-ad6929e6d625\",\"add\":189,\"del\":5},{\"id\":\"f7800be7-93b6-4348-a3ac-879d43ddafa4\",\"add\":1592,\"del\":247},{\"id\":\"6cc335f8-1f36-47ab-89ea-21858127bf52\",\"add\":1436,\"del\":831}]"}