Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Gastón Gerber - Feature desarrollada para Movilizame #2

Open
wants to merge 28 commits into
base: main
Choose a base branch
from
Open

Gastón Gerber - Feature desarrollada para Movilizame #2

wants to merge 28 commits into from

Conversation

gastongerber1
Copy link

Aplicación desplegada en Heroku:

https://movilizame-react-app.herokuapp.com/

Herramienta destinada a conectarse a una API, que permite buscar información acerca de películas. La búsqueda se renderiza, y se ordena a partir de un título, y un año ingresado.
Además, posee la funcionalidad de seleccionar las distintas películas para agregarlas a una "Watch List".

Pasos para reproducir el proyecto:

  1. Clonar el repositorio.
  2. Instalar paquetes de Node, corriendo npm install.
  3. Correr la app con el comando npm start, y abrir el proyecto en algún navegador.

Captura de la app en funcionamiento

MovilizameApp

gastongerber added 28 commits July 4, 2022 18:21
@gastongerber
I run npm install
4048f34
@gastongerber
Build
6580356 
Add a new function to call the API
@gastongerber
Export an object with the function
f2da52b
@gastongerber
Add the JSX. Two inputs and one button
b052be8
@gastongerber
Import the function loadMovies, and declare useState to handle the ti…
a0433a3 
…tle and the year
@gastongerber
Add handleTitle, handleYear to set the title and the year. Add handle…
b0f05e1 
…Submit to call loadMovies and I give title like an argument
@gastongerber
Save the object with movies data and make a forEach to dispatch movie…
8a0f7c6 
… data to the global state. Use the currentDate to filter movies per year
@gastongerber
Modify the reducer function, concat the objects in the array. Create …
6627054 
…initialState
@gastongerber
Delete MoviesDispatchContext and pass all the values by MoviesContext.
8700e10
@gastongerber
Add a function to export MoviesContext
9a9f607
@gastongerber
Make shorter routes
a036387
@gastongerber
Declare useContext
8af1b5c
@gastongerber
Call the dispatch function
98a4798
@gastongerber
Add conditional render to show the movies.
073b43b
@gastongerber
Add all the movie data to de MovieList component
bbe5777
@gastongerber
Add list array to the global state. Add two functions to handle the W…
fbc1aa2 
…atchList
@gastongerber
Add conditional button with onClick event. Add two functions to handl…
47c27c2 
…e the list
@gastongerber
Add the conditional render, and use Map to show the list
affa2de
@gastongerber
Add the delete function
b342722
@gastongerber
Change the indentation
1c0b433
@gastongerber
Add tailwind css
bd54c93
@gastongerber
Create a NavBar and add styles
19aa9b6
@gastongerber
Add MoviesList's styles
1926c6b
@gastongerber
Add WatchList's styles
87b7705
@gastongerber
Add the validation and onKeyPress event to submit with an Enter key. …
493147b 
…Add input's style
@gastongerber
SearchMovies style
94c81c8
@gastongerber
Fix onChange
b3cc31b
@gastongerber
Change the icon and the title
c8a3254
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@gastongerber1 @gastongerber