willie-lee / fast-test

React Project - CRA

Home Page:https://fast-co-willie-lee.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fast.co Test Project

Simple react.js project on CRA

Public Demo App

fast-co-willie-lee.netlify.app

Running App

Installation

yarn install

Run

yarn start

Production Build

yarn build

Answers for Summary Questions:

  1. What were the most difficult tasks?

I think making a decision/choice to design the UI elements was difficult since I had no detailed requirements and graphic design.

  1. Did you learn anything new while completing this assignment?

Yes, "Think think think... before coding". I did this - designed a UI mockup.

  1. What did you not have time to add? What work took the up majority of your time?
  • What did you not have time to add?
    • Several filter inputs for movie type and release year. ( currently the app has only Title filter input)
    • Configure env to store api keys, and use some static images (e.g. loading gif) from local storage ( currently I used 3rd party urls directly ).
  • What work took the up majority of your time?
    • Building UI elements and context implementation with useReducer
  1. How could the application be improved?
  • Add more search criteria - release year and type of movies (additional filter inputs)
  • Cache images
  • Add unit test, e2e test

About

React Project - CRA

https://fast-co-willie-lee.netlify.app


Languages

Language:JavaScript 90.2%Language:HTML 8.1%Language:CSS 1.7%