GovTech Frontend WebApp Assignment

This repository consists of the frontend of a small webapp which displays movies details. The webapp contains responsive design and state management.

Project Requirements

• Use mock data provided in movies.json

• Display main page to show all movies.

• Clicking on a movie shows the movie details on a new page containing a button to return to main page

• Movie filters for filtering movie by production year and genre

Getting Started

These instructions will get you a copy of the project and enable you to run it on localhost.

Prerequisites

• Node.js

Installing and Setup

1. Clone the repository :

This creates a new directory with repository name as govtech-assignment at the current path in the file system and clones the repository inside it.

git clone https://github.com/andrewsoon/govtech-assignment.git

2. Install dependencies :

cd govtech-assignment
npm install

3. Run locally with port 3000 :

npm start

Language & tools

Html

• Written using JavaScript

JavaScript

• React is used for UI
• Antd is used for React UI Framework

CSS

• Used for styling react JSX elements