This is a mini POC/playground to display a few restaurants in Berlin with the "Pizza", "Burger" or "Sushi" categories.
- Node =
14.*
- Yarn =
1.*
In the project directory, you might run:
It also correctly bundles React in production mode and optimizes the build for the best performance and extract it to the build
folder and start the application.
ps. Remember you can also use production's URL directly here.
Runs the app in the development mode. π₯
Make sure you manually open http://localhost:3000 to view it in the browser.
Launches the test runner in the interactive watch mode.
This will generate a coverage folder with more details to be exported afterwards.
Install dependencies from yarn's package.json.
Please execute that in order to be aware of what commands you might be able to run.
- UX
- I understand there are many things and many other features that could be added in β therefore, I wasn't really worried since I would like to spend, like recommended, max 4 hours in this little POC;
- Acessibility
- I'm really sorry but I wasn't very successful in Acessibility here - I could have that improved a lot;
- ...honestly, acessibility looks terrible! π
- Architectural
- The simple architecture choices here were taking agility into account, that's why I considered not improving it a lot;
- Timeouts I haven't included any, but would be good if I had...
- Tests
- omg, there were lots of spaces for tests here, however, I only added some because of time-spacing :(
- Performance
- I believe there's a lot of space for performance here;
- Reusable Code
- I tried my best, however, I knew if I had more time, (as I've been a bit busy recently), I would tackle it to improve a bit the performance.
- I also wanted to add Storybook on this project but then, time expired a bit :(
- We could use the components from the
components/shared/
folder in order to migrate our Storybook comps, for example.
- We could use the components from the
- ps. I also added some comments across the codebase to explain a bit better how things are separated as per the concerns;
Visit my corner on the web: guicheffer.me