Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/prabhuignoto/flixy

Delightful React App to discover your favorite Movies and TV Shows
https://github.com/prabhuignoto/flixy

movies movies-app react react-app react-movie-search react-movies tmdb tv

Last synced: about 2 months ago
JSON representation

Delightful React App to discover your favorite Movies and TV Shows

Awesome Lists containing this project

README 

        
# Flixy



![GitHub repo size](https://img.shields.io/github/repo-size/prabhuignoto/flixy?style=flat-square)

[![Depfu](https://badges.depfu.com/badges/cd27938facec7ada655a35f744fd70ab/overview.svg)](https://depfu.com/github/prabhuignoto/flixy?project_id=13570)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/8448fda0220b4836920a6e313fb8f25d)](https://www.codacy.com/manual/prabhuignoto/flixy?utm_source=github.com&utm_medium=referral&utm_content=prabhuignoto/flixmov&utm_campaign=Badge_Grade)

![CircleCI](https://img.shields.io/circleci/build/github/prabhuignoto/flixy?style=flat-square&token=deb81bfe136d2d425c19706ecb42f3023100723c)

[![Azure pipelines](https://dev.azure.com/prabhummurthy/flixy/_apis/build/status/prabhuignoto.flixy?branchName=master)](https://dev.azure.com/prabhummurthy/flixy/_build/latest?definitionId=1&branchName=master)

![Website](https://img.shields.io/website?style=flat-square&url=https%3A%2F%2Fmovies.prabhumurthy.com)





    logo




## About



Flixy is an open source attempt to bring delightful UX while discovering your favorite Movies & TV shows.The app is built from the ground up using some of the best in class tools (see [Built with](#built-with)) and designed to scale and perform well.



:rocket: The Frontend app is built with the latest version of React and the backend is powered by fastify and Apollo GraphQL.



Thanks to themoviedb.org, without which this project could not have been possible.



## Getting Started



To start the Flixy Server, follow these steps:



```bash

cd ./server

yarn install && yarn dev

```



To start the Flixy Frontend, follow these steps:



```bash

cd ./ui

yarn install && yarn start

```



## Flixy Home



If everything went smooth with the installation, you should see this



![home_page_preview](home_page_preview.png)



## Search with ease



Search for your favorite movies & tv shows with ease.



![search](search.png)



## Smart layout system



The main layout grid is completely virtualized and has been designed to lazy load resources.



![demo](demo.gif)



## Built with



* [The Movie Database](https://developers.themoviedb.org/)

* [React](https://reactjs.org/)

* [Styled Components](https://styled-components.com/)

* [React Spring](https://www.react-spring.io/)

* [Typescript](https://www.typescriptlang.org/)

* [Node](https://nodejs.org/en/)

* [Fastify](https://www.fastify.io/)

* [GraphQL](https://graphql.org/)

* [Apollo Client & Server](https://www.apollographql.com/)



## Contributing to Flixy



To contribute to , follow these steps:



1. Fork this repository.

2. Create a branch: `git checkout -b `.

3. Make your changes and commit them: `git commit -m ''`

4. Push to the original branch: `git push origin /`

5. Create the pull request.



Alternatively see the GitHub documentation on [creating a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request).



## Contributors



[@prabhuignoto](https://github.com/prabhuignoto)



## Contact



:email: you can reach me at [email protected].



## License



Distributed under the MIT License. See LICENSE for more information.