react-movies

🐙 Getting Started

✔️ react-create-app

✔️ Styled-Components

✔️ Dynamic Routes

✔️ Reusable Filter

✔️ React@16.8

✔️ High Scale Svg Icons Workflow

✔️ Cross-Browser Solution! (even for MS Edge)

Made with ❤️ and Redux-zero.

Makefiles aren't Windows friendly, if you have minGW64 and whole environment to run the makefile(Unix/macOS) do this:

make installation
make start
access http://localhost:3000/

If you don't have makefile enviroment ready, do this instead :

npm install or yarn install
npm run start
access http://localhost:3000/

Requires node >= 8.9.3

npm run build
npm install -g serve
serve -s build

Redux-zero is a lightweight state container based on Redux. I would like to share 3 arguments to choose redux-zero over redux.

Is lighter(less than 1kb) than redux and in projects that are not necessarily high usage of reducers, it helps to focus on what is important.
I participated in the conception of this lib, made mostly by an ex-coworker.
I'm currently focusing my career in leadership and share knowledge that I've learned across these years, so would be an honor gives a presentation about this amazing library.

More about Redux-zero here

Discover - Sidebar with the most popular movies, sorted in descending according popularity.
Search - Search titles from the server API.
Filter - There's a filter at the top of the page that allows you to filter by: rating. Can filter the discover results or the search results, depends which moment you want to use the filter.
Detailed View - When the user clicks in one certain movie the app provides a specific page for the movie.

Yuri Ramos

MIT