Giter Club home page Giter Club logo

movie-analyzer-react's Introduction

Movie Analyzer

1. Introduction

Movie Analyzer is a React-based web application that allows users to view and analyze data about movies. This data is exposed via a REST API and is based on publicly available data from IMDB and other sources. The data describes a subset of movies released since 1990.

The main aims of this project are to:

  • Build a sophisticated client web application using modern approaches
  • Provide experience in querying REST APIs and presenting the results on a web page
  • Provide experience with modern web technologies such as React

2. The Dataset

The movies dataset we are using is based on publicly available data from IMDB and other sources. The data describes a subset of movies released since 1990. All interactions should take place via our published REST API. You will be able to fetch the movie data using HTTP GET operations. You will also need to handle a registration and login process from your React application to the API through appropriate HTTP POST requests.

3. The REST API

The REST API is published and documented at: http://127.0.0.1:3000. The documentation on the index page was created using Swagger. The Swagger Docs are your primary source for anything to do with the API during this assignment. They will be maintained more regularly than this specification, and they have executable examples.

Data endpoints

  • GET /movies/search
  • GET /movies/data/{imdbID}
  • GET /people/{id}

Authentication endpoints

  • POST /user/register
  • POST /user/login
  • POST /user/refresh
  • POST /user/logout

4. Installation

To install the project, you need to have Node.js and npm installed on your machine. Then, you can clone the repository and install the dependencies:

git clone https://github.com/yourusername/movie-analyzer.git
cd movie-analyzer
npm install

5. Usage

To start the development server, run:

npm run dev

To build the project for production, run:

npm run build

To preview the production build, run:

npm run preview

6. Dependencies

The project uses the following dependencies:

  • React
  • Axios
  • MobX
  • React Router DOM
  • Yup
  • DayJS
  • Chart.js
  • TailwindCSS
  • And many others (see package.json for more details)

7. Contributing

Contributions are welcome! Please read the contribution guidelines first.

8. License

This project is licensed under the MIT License - see the LICENSE file for details.

movie-analyzer-react's People

Contributors

liang-zhihao avatar

Watchers

 avatar

movie-analyzer-react's Issues

refactor refresh token logic

There is an interceptor in Axios to refresh tokens for some special api like login. There is no need to refresh the token when a user is trying to log in

i18?

support more languages?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.