Skip to content

metalboyrick/movbrowse

Repository files navigation

MovBrowse

An OMDB API - based movie explorer.

Description

Overview

This project is a Next.js based movie explorer with features such as searching, detail-viewing. This site is responsive.

Technical Description

This project was built with Next.js, Chakra UI, axios, and Redux. Screen Shot 2023-04-11 at 07 39 42

The components are designed in a way that the view (rendered and displayed part) and the controller (event handlers, lifecycle logics) are decoupled. This way, maintenance would be easier in the long run and it would be easier to write isolated features.

Logic relating to data are not defined within the components, instead they are handled by a core service that processes the data from the OMDB API and stores it in the Redux store. The service is exposed as hooks.

How to Run

First, install dependencies

yarn

Then, configure your environment for the public server URL, you can find the example within the repository. Next, run locally

yarn dev

The project should be live on http://localhost:3000.

To run unit tests, do

yarn test

Demo

This project is live on https://movbrowse.vercel.app/.

Other notes

  • The unit tests are not completed due to time constraints.