An open API service indexing awesome lists of open source software.

https://github.com/agusscript/movies-info

Brings a list of movies from an external api
https://github.com/agusscript/movies-info

api front-end react typescript

Last synced: 10 days ago
JSON representation

Brings a list of movies from an external api

Awesome Lists containing this project

README

          

# Movies Info

Movies App is a web application built with React and TypeScript. The app consumes data from an external API to show information about movies.

Here are some of the features of the app:

- Uses React and TypeScript to build a modern and responsive UI
- Consumes data from an external API to show movie information
- Has a search bar to find movies by title
- Allows users to view movie details, including title, poster image, release date, rating, and synopsis
- Routes management with react-router-dom library

## Desktop view

- Home

![](assets/screenshots/movies-info-home.jpg)

- Search

![](assets/screenshots/movies-info-search.jpg)

- Details

![](assets/screenshots/movies-info-details.jpg)

## Mobile view

- Home

![](assets/screenshots/movies-info-home-mob.jpg)

- Details

![](assets/screenshots/movies-info-details-mob.jpg)

## Link

- [Live site](https://movies-info-six.vercel.app/)

## Built with



TypeScript


Sass


React


ViteJs

## Run the project locally

Clone the project

```bash
git clone https://github.com/agusscript/movies-info.git
```

Go to the project directory

```bash
cd movies-info
```

Install dependencies

```bash
npm install
```

Start the local server

```bash
npm run dev
```