Skip to content

A repository to host a small project implementing a single page react application

Notifications You must be signed in to change notification settings

EdgarACarneiro/reactGiphyApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FavGiphy

This project was developed for a summer internship application challenge. Live Demo

The objective of the project was to develop a Single Page Application with React.js. The requested features were:

  • Use of Giphy API to get the Gifs;
  • Search of gifs based on user input, using the API;
  • Favourite gifs;
  • List the favourite gifs;
  • Favourites must persist between sessions.

Setup

Make sure you have npm installed. Clone this repository, cd into it and run:

npm start

Implemented Features

  • Favourite and Unfavourite of Gifs, using sweet animations:
  • Routing to the Feed and Favourites pages:

Favourtie and Unfavourite clip

  • Search capability:

Search giphs

  • Self-made Infinite Scrolling on both tabs: Feed and Favourites:

Infinite Scrolling

Possible Improvements

These are the improvements I intend to work on before the project's due date, if time suffices:

  • Implement lazy loading on Gifs.
  • Use routing on search so that searched pages can be accessed by URL (example: /search?=magic ).
  • Sticky navbar featuring the 'Feed' and 'Favorites' endpoints.
  • Documentation, although the code was written so it is easily understood (using comments whenever it may be more complicated).

Possible Improvements according to the evaluators:

  • No feedback when a gif is added.
  • Gifs' fram rate is unnecessarily low.
  • It is not easy to understand in which tab we are located in ( Feed or Favorites )

Extra: Learning React

To learn the basics of React I used freeCodeCamp's tutorial on React. It explains the basics extremelly well and helped me a lot at getting to understand it!

Author

About

A repository to host a small project implementing a single page react application

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published