# FAC17 CLIENT PROJECT - "Generation Change" --- ## The Team --- ![](https://i.imgur.com/rXgZU2X.jpg =300x300) CHRISTINE: My name is Christine and I have been working in and with tech for the last 3 years - where I found my interest in code. --- ![](https://i.imgur.com/Dkp399R.png =300x300) GEORGIA: When she's not at a computer, you can find her at the theatre, practising her crow pose, or perhaps teaching her Scout Troop to code. --- ![](https://i.imgur.com/FbaIen8.jpg =300x300) GIGI: My name Gigi and I am very passionate about coding and solving problems. I am keen on best practices as well as working as part of a team. --- ![](https://i.imgur.com/kvHFz7Y.jpg =300x300) SAM: Sam is from the wilds of Shropshire where he grew up without tv and invented the hyperloop so he could get to his grandparents without traffic. Sadly Elon Musk claimed the idea. --- ## What is Generation Change? --- ![](https://i.imgur.com/NEPp9ur.png) Generation Change is a charity which wants to make social action a mainstream activity for young people --- ## The Problem --- Educators find it difficult to find viable high quality social action projects in their local area for young people to take part in. --- ![](https://i.imgur.com/Gsk2dJ6.png) --- ## Our Solution --- To build a platform for educators to find social action opportunities for the young people they work with. --- ## Design Week --- ### Main User Journey As a user, I want to find local social action opportunities for the young people I work with. --- ## Prototyping --- Design goals: - App for users with low tech literacy - Desktop focus - Easy navigation / get to "opportunity to contact" within 2 clicks --- ![](https://user-images.githubusercontent.com/36238916/66059360-d0c25400-e533-11e9-81bb-1a0c53f3af39.png) --- ![image alt](https://user-images.githubusercontent.com/36238916/66059682-55ad6d80-e534-11e9-9229-7614072b2851.png) --- ### User testing and feedback --- Wow, I would totally use this. How will you populate it with enough projects? I've been looking for something like this for years. --- ## DEMO TIME https://generation-change.netlify.com/ --- ## Tech Stack --- 1. ReactJS including the react router 2. Airtable as a database and content management system 3. Jest and Cypress for testing 5. Netlify for deployment 6. SASS & BEM for styling 7. Serverless with Lambda function via Netlify Dev 8. Leaflet open source map 9. Desktop first design --- ## Our team roles --- Gigi - UX/UI - Style guide, SASS, BEM Georgia - Scrum Master - Kanban, Organisation and Time Management Christine - DevOps - Lambda, Serverless, Netlify Sam - QA - Cypress, Jest, React testing library --- ## Challenges we faced --- * PO absent due to personal events * QA absent due to severe health injury, hence unavailable for the second half of build week nr 1 and the whole 2nd week --- ## Achievements --- * We worked well as a team * We have delivered out MVP * We're a lot more confident with react and testing in Jest * We've gone serverless * We've successfully manipulated an open source maps api to our will!! * We've learnt how to use airtable for backend. CMS. list of contents at the beginning of presentation
{"metaMigratedAt":"2023-06-14T23:55:56.395Z","metaMigratedFrom":"Content","title":"FAC17 CLIENT PROJECT - \"Generation Change\"","breaks":true,"contributors":"[{\"id\":\"f64c50bb-53de-417a-8ba0-d7f2afdf9ad9\",\"add\":5835,\"del\":1261},{\"id\":\"c49e8a40-eed9-405a-9829-9349b5de5d8b\",\"add\":1939,\"del\":4435},{\"id\":\"4a393201-e032-4634-aabf-fb4f094fb8d4\",\"add\":6054,\"del\":5271},{\"id\":\"dd971554-638f-480c-a227-280f5386f2ba\",\"add\":392,\"del\":10}]"}
    177 views