Upgrade to Pro — share decks privately, control downloads, hide ads and more …

City_Hunt_Presentation.pdf

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Xindi Xu Xindi Xu
April 29, 2020
10

 City_Hunt_Presentation.pdf

Avatar for Xindi Xu

Xindi Xu

April 29, 2020

Transcript

  1. What did we do well? • Clear split of Frontend

    and Backend • Complex React components (tag input, cached search paginations) • Displaying useful data to users • Quick and responsive loading • Wrote reusable components in the front end Next: What did we learn? →
  2. What did we learn? • How to use React with

    Flask • Communicating between front end and back end • How to use Bootstrap with React • PostgreSQL and Flask Integration • Advance react concepts: useState, useEffect, custom hooks, context Next: What could we do better? →
  3. What can we do better? • Styling and consistent way

    of implementing styling ◦ Style modules, styled components • Linter and coding conventions • Better use of regex to clean data from an API • Code reviews • Responsiveness and accessibility • Git Collaboration • Keep code D.R.Y. Next: What puzzled us? →
  4. What puzzled us? • Gitlab commit count??? • GCP, hosting

    costs, and setting up Database • Routing between React and Flask • Bundle React, messing with Webpack, connecting Flask with React • Render unit tests in React
  5. Things to Think About • What did they do well?

    • What did we learn from their website? • What can they do better? • What puzzles us about their website?
  6. What did they do well? Next: What did we learn

    from their website? → • Styling, theming, creating assets and creative design • Able to sort on all columns in the table • Links all work well • Individual object pages are very clean and have a lot of relevant data • Intuitive linking between data points • No Picture Available had a custom design
  7. What did we learn from their website? • Design was

    really clean and unique • Sorting and pagination worked well for every model and column • The date Portal and Portal 2 were published Next: What can they do better? →
  8. What can they do better? • Make search case insensitive

    • Display the unittests that were ran, not just the object • Include a description of the website on the home page • A bit more color contrast • Responsiveness ◦ About us page does not scale well for larger screens Next: What puzzles us about their website? →
  9. What puzzles us about their website? • What’s their motivation

    on making this website? • Why did they choose the data models that they did? • Why did they include a summary of Platforms if there are so few entries? • Did they create the cat designs themselves?