https://github.com/thiagocabralcorreia/film-and-chips-website

🖥️🎬 Film & Chips Website: online data related to movies with React, Redux, TypeScript, IMDb API and Styled-Components.
https://github.com/thiagocabralcorreia/film-and-chips-website

dark-theme imdb-api movies react redux redux-thunk redux-toolkit responsive-design styled-components typescript ux-ui

Last synced: 8 days ago
JSON representation

🖥️🎬 Film & Chips Website: online data related to movies with React, Redux, TypeScript, IMDb API and Styled-Components.

• Host: GitHub
• URL: https://github.com/thiagocabralcorreia/film-and-chips-website
• Owner: thiagocabralcorreia
• Created: 2022-07-04T14:18:11.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-14T12:53:45.000Z (over 2 years ago)
• Last Synced: 2024-04-23T21:48:47.919Z (7 months ago)
• Topics: dark-theme, imdb-api, movies, react, redux, redux-thunk, redux-toolkit, responsive-design, styled-components, typescript, ux-ui
• Language: TypeScript
• Homepage: https://film-and-chips-website.vercel.app/
• Size: 1.34 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# FILM & CHIPS WEBSITE

Online data related to cinema such as movie specifications, plot, cast, posters, ratings and more. Project developed using React and Redux Toolkit.

![alt text: Film and chips website pages.](https://github.com/thiagocabralcorreia/film-and-chips-website/blob/main/public/film-n-chips-cover.png)

## Stacks

-   React

-   Redux Toolkit

-   Typescript

-   Axios

-   Styled-Components

-   [IMDb API](https://imdb-api.com/)

## Extra Packages Installed

-   [Fontawesome](https://fontawesome.com/docs/web/use-with/react/)

-   [React Spinners](https://www.npmjs.com/package/react-spinners)

-   [React Multi Carousel](https://www.npmjs.com/package/react-multi-carousel)

  

## Available Scripts

Clone the repository:

```

  $ git clone https://github.com/thiagocabralcorreia/film-and-chips-website

```

In the project directory, you can install dependencies:

```

  $ npm install

```

And run the app in the development mode:

```

  $ npm start

```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

_Film & Chips Websit project by [Thiago Cabral Correia](https://www.linkedin.com/in/thiago-cabral-correia/) - 2022_