A cooking app to match people who want to learn new home cooking styles, by finding a local chef to teach them how to cook authentic home made meals.
- Team
- Installation
- Goals
- User Journey
- Design week
- User research
- First Build Sprint
- Second Build Sprint
- Stretch Goals
- Things we've learnt
- Tech Stack
Scrum Master - Nikke
DevOps - Pat
QA - Maria
UX Lead - Alex
- Clone repo
[email protected]:fac18/chefup_app.git - Install dependencies
npm i - Set up
.envfile in the root directory. Please requestREACT_APP_TOKENtoken from any team member listed above. - Start server with
npm start. This should load tohttp://localhost:3000 - To check tests, run
npm test
- Learn to cook
- Share cultural recipes
- Eat healthier
- Save money
- Build community
As a team we brainstormed what we envisioned the user journey would be - both as a student AND a teacher (local chef) using the app
Click here for Figma Mood Board link
We drew inspiration from apps that we've used and collated them together onto a mood board
Each member had a quick 2min per frame to sketch out ideas of our app interface. Here is one example:
As a team we picked the best elements of all our designs
Click here for Figma Prototype link
These are componenets designed to be re-used throughout the app
Designing mobile first for our user journey
Connecting up our user journey sketches ready for testing
Click here for AirTable full user research notes
- Friends and Family -> The internet to learn something new
- Cooking preferences are based on friends and family (as well as impressing them)
- Prefer home cooked food
- Eating out/Takeaways are usually due to time restrictions, ease or as a treat
- Most have general -> specific dietary goals
- lack of trust
- lack of skills and time
- how to guide teachers to deliver good service
- willingness to meet strangers
- Privacy issues: will be my email/address visible to other users?
- What is the app about??? (recipes, cooking lessons, deliveroo)
- Trust issues - is it safe to invite someone to my home?
- What do I really pay for?
Click here for AirTable User Stories
User stories are also broken down into build sprints as below, including point Estimates vs Actuals for each sprint:
We prioritised our user stories into two sprints in order to achieve a MVP. Our first sprint comprised of:
| No. | User stories | Estimates | Value | Actuals | Value |
|---|---|---|---|---|---|
| 1 | I want to arrive at home page and clearly understand what Chef Up is | ⭐️ | 1 | ⭐️⭐️ | 2 |
| 4 | I can see a search bar on the home screen | ⭐️ | 1 | ⭐️ | 1 |
| 5 | I can see cooking lessons on the home screen | ⭐️⭐️ | 2 | ⭐️⭐️⭐️ | 3 |
| 2 | I want to be able to have access to more information about the app and its community if I want to | ⭐️⭐️ | 2 | - | |
| 14 | My cooking lesson is searchable | ⭐️⭐️⭐️ | 3 | - | |
| 22 | I want to type in the search bar and see in real time the results being updated | ⭐️⭐️⭐️ | 3 | - | |
| 10 | I can book a cooking lesson | ⭐️⭐️⭐️ | 3 | - | |
| 6 | I can select a cooking lesson and see more info | ⭐️⭐️⭐️⭐️⭐️ | 5 | ⭐️⭐️⭐️⭐️ | 4 |
| TOTAL | 20 | 10 |
Our second build sprint is more aimed at post requests to our database and authentication:
| No. | User stories | Estimates | Value | Actuals | Value |
|---|---|---|---|---|---|
| 3 | I want to be able to skip the introduction to this app (if I am not new) | ⭐️⭐️ | 2 | - | |
| 13 | I can create my own cooking lesson | ⭐️⭐️⭐️ | 3 | - | |
| 16 | I want to know that my information is secure | ⭐️⭐️⭐️ | 3 | - | |
| 15 | As a local chef, my new cooking lesson is bookable | ⭐️⭐️⭐️ | 3 | - | |
| 7 | I have to log in and create my own profile if I want to book a lesson | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 9 | I can create my own profile | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 8 | I can log in | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 11 | I can log out | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 12 | I want to create an account and become a local chef | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| TOTAL | 36 | 0 |
| No. | User stories | Estimates | Value | Actuals | Value |
|---|---|---|---|---|---|
| 17 | I want to see lots of profile information to secure my confidence in booking/teaching | ⭐️⭐️⭐️⭐️ | 4 | - | |
| 18 | I want to filter my searches by cuisine, location, dietary requirements, allergies | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 19 | I want to leave feedback on my local chefs and their recipes | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 20 | I want to keep track of the lessons I've booked | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| 21 | I want to collect badges on my profile to show I am trustworthy | ⭐️⭐️⭐️⭐️⭐️ | 5 | - | |
| TOTAL | 24 | 0 |
DESIGN Rapid prototyping User research User testing, using Figma to build a prototype
INFRASTRUCTURE Wesbos esLint is not so easy to set up with create-react-app
DEBUGGING A getRequest from AirTable reads empty rows as null and receives undefined when making a getRequest .includes() is cAsE sEnsItiVe Sending of states
REACT React Router React Render React useReducer Styled components
TESTING Testing with React Router snapshots jest Travis CI
AGILE Tricky to work remotely - duplication of work occurs Communication is key Velocity can be hard to get right
- read out each others horoscopes
- share something from your bucket list
- give someone in the team a compliment
- tell a joke
- breakfast croissants
- React
- Netlify
- AirTable