CkKean / movies

Movies is a movies app using the API from TMDB. This is the codebase for an interview test assignment.

Home Page:https://ckkean.github.io/movies/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project - Movies

Movies is a movies app using the The Movie Database API. This is the codebase for an interview test assignment.

You can preview the app via Movies

Table of Contents

Tasks Completed

The following required functionality is completed:

  • User can view a list of movies currently playing in theaters. Poster images load asynchronously.
  • Add a tab bar for Now Playing and Top Rated movies.
  • Add a search bar.
  • User can view movie details by tapping on a cell.
  • User sees loading state while waiting for the API.
  • User sees an error message when there is a network error.
  • Simple responsive.

The following optional features are implemented:

  • Implement segmented control to switch between list view and grid view.
  • All images fade in.
  • Implement lazy load image.
  • Customize the highlight and selection effect of the cell.
  • Improve UX loading by skeleton loading.
  • Enhance responsive.

The following additional features are implemented:

  • Simple pagination.

Installation

  1. Clone the repository:

    git clone https://github.com/CkKean/movies.git
    
  2. Navigate to the project directory:

    cd project-directory
    
  3. Open the project in your preferred IDE or code editor (e.g., Visual Studio Code) or prompt terminal.

  4. Install dependencies:

    yarn install
    

Usage

  1. Start the development server:
    yarn start
    
  2. Open the project in your web browser by visiting http://localhost:3000.

Video Walkthrough

Here's a walkthrough of implemented user stories:

Demo

License

Copyright [2023] [Chin Chee Kean]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Note: The provided TMDB Access Token is for evaluation purposes only and will be disabled after the evaluation period. To continue using the API, you need to apply for your own API key by following the instructions on The Movie Database API website.

About

Movies is a movies app using the API from TMDB. This is the codebase for an interview test assignment.

https://ckkean.github.io/movies/


Languages

Language:TypeScript 68.9%Language:SCSS 26.6%Language:HTML 4.5%