- Using Nextjs as main stack
- Using node-fetch as a proxy to hit flip API (avoid CORS)
FE stack
- Using emotion (css in js) for critical path rendering
- All components is handmade
Source Folders
- component: list of shareable react components
- constants: list of used constants
- context: contain react context
- hooks: contain custom react hooks
- pages: contain main component for pages (2 pages list & detail)
- styles: main CSS theme
- utils: contain some utility function
Improvement
- Can be improved using SSR for faster LCP.