wasswarichard/century_cinema

Century_cinema

Century Cinema

Live Demo

Libraries/Frameworks used

• React, Vite, TypeScript, Material UI, Jest, React Testing Library.

Design decisions

• Code Organisation : The components directory contains all the reusable artifacts. The hooks contains all the custom hooks used. The pages directory contain the navigable pages in the UI.
• Testing : The usecases are covered with integration testing using React testing library. The components have unit tests using Jest.
• Component library : Components and Grid system of material-ui is used.
• Component styling : CSS-in-JS solution of material-ui is used.
• Linting & Formatting : The default ESLint is used. Prettier for code formatting. husky and lint-staged are used as auxiliary library.

To run locally

• Inside the directory, run npm install to install the frontend dependencies.
• Start the frontend dev server using npm run dev.
• To run tests run npm test. This launches the test runner in the interactive watch mode.

Test cases snapshot

Thanks for your time :)