[TOC]

MovieFest

Required tech

• nvm
  • Because industry standard :)

How to start project

• For starters run:
  • nvm install to install working node version
• Install dependencies:
  • npm install
• Start project:
  • npm run dev

Technologies used

• Next
  • react frontend framework
• Stitches
  • css-in-js lib for styling
• React-Query
  • react lib for fetching and caching data
• Husky
  • git hooks (currently only for commintlint)
• MirageJs
  • API mocking library

Important notes

• Currently mock api randomizes responses for both GET and POST request with 30% chance to get error response. You can turn it of or modify it in createMirageService.js on folowing lines:
  • GET
  • POST

What is missing in project

• No seo on frontend but that is easy to integrate with NextSeo
• No CI/CD
• No SSR. App currently doesnt use SSR because mock api library doesn support it :(

TLDR

• I have lost most of time trying to find a nice mocking lib which has JSONAPI support out of the box, and when i did, i had to learn how to use it and how to consume json api. :D
• I deliberately pushed .env file upstream