dashboardbox

Dashboardbox

A movie SPA (Single Page Application) built with Create React App using The Movie Database API. The goal of this project was to build a movie dashboard where you can search, sort, and filter movies using real data, as well as get a quick overview of each movie.

Getting Started

Prerequisites

• Node.js v14 or later
• npm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/dashboardbox.git
   cd dashboardbox
   

2. Install dependencies:

   npm install --legacy-peer-deps
   

3. Start the development server:

   npm start
   

The app will open automatically at http://localhost:3000.

Build for Production

npm run build

Features

In addition to filtering, sorting, and searching, there are several other features implemented in this project. Below is a list of the main libraries used:

• lodash — used to build the pagination component
• axios — handles HTTP requests
• react-toastify — displays UI notifications in case of unexpected errors
• react-router-dom — manages client-side routing
• react-reveal — provides fade-in animation effects

There are other libraries used as well, but the ones listed above are the primary ones. You can find the full list in the package.json file.

License

The code is open source and available under the MIT License.

Coded by Gilbert Rosario.