silviajcn / 04-React-GifsApp-Vite

React (Section 6). GifsApp.

🌎 GifsApp

• Section: 6, 7 y 8

🖱️ Visit here: https://my-gif-app.netlify.app/

📁 Project:

Project:

• Custom Hooks
• Fetch hacia un API
• Comunicación entre componentes
• Clases de CSS
• Animaciones
• Enviar métodos como argumentos
• Crear listados
• keys
• Giphy

Build:

• Generar build de producción de nuestra aplicación
• Uso de Github Pages / Netlify
• Desplegar nuestra aplicación de React

Testing:

• Pruebas en componentes específicos
• Pruebas en componentes de forma individual
• Pruebas con customHooks
• Esperar cambios en un customHook
• Simular eventos en inputs y formularios
• Simular llamadas a funciones
• Evaluar si existen elementos en el componente

📌 Dependencies

• @babel/preset-env
• @babel/preset-react
• @testing-library/react
• @types/jest
• babel-jest
• jest
• jest-environment-jsdom
• prop-types
• react
• react-copy-to-clipboard
• react-dom
• react-hot-toast
• react-icons
• react-redux
• react-router-dom
• redux
• whatwg-fetch

💼 Prerequisites

• Node.js
• npm

⚙️ Installing

• Clone the latest code on the master branch
• Install dependencies
  • npm install
• Run the web server!
  • npm run dev

🎈 Usage

• Navigate to http://localhost:3000 on your browser

😍 GifsApp

😎 Author

• Silvia C. Navarro - @silviajcn

• Mi portafolio - Mi portafolio

  

🌟 Course:

The theory of this project is based on the course:

• Curso: React: De cero a experto ( Hooks y MERN )
• Profesor: Fernando Herrera
• Plataforma: Udemy