Gif app

Base project created for React.js practice. Its purpose is to display gifs related to the term entered by the user. It has a rendering limit of 10 for each search.

It has a responsive design, attempting to look good on as many devices as possible.

Level: basic

Tecnologies

• React.js
• CSS
• create-react-app template
• API Giphy

The Process

One of the first applications developed using React. Knowledge was acquired on API consumption, component handling, creation of custom hooks, rendering of information (gifs in this case), and creation of styles to ensure a responsive page. Knowledge on best practices was reinforced.

What I learned

• API consumption
• Clean code
• Component handling
• Custom hooks creation

Overall Growth

This project helped me understand API consumption, component handling, best practices, and project organization to make the code more programmer-friendly. On the other hand, creating custom hooks to develop tasks was a significant aspect of the project's development. In a professional context, the use of custom hooks is widely employed in React projects.

How can it be improved?

• Improve the styles
• Add more functionalities like pagination, rendering more elements per search

Link

https://lookingforgif.netlify.app/

Running the project

To run the project in your local environment, follow these steps:

1. Clone the repository to your local machine
2. Run npm install or yarn in the project directory to install the required dependencies
3. Run npm run start or yarn start to get the project started
4. Open the address shown in your console in your web browser to view the app