An app made to help you choose a Cocktail.

• Technologies
• Features
• Libraries
• Improvements
• How to Run
• Found a bug? Missing a specific feature?
• License

This project was made using the following technologies:

• Typescript
• React Native
• Redux
• React Navigation

This project was made using the following Libraries:

• react-native-linear-gradient: Used to Create linear gradients, more specifically in the CocktailsCardItem component
• react-native-fast-image: Used to achieve a better performance in loading multiple images inside CocktailsList(Flatlist) component.
• react-native-splash-screen: Used to creat Apps Splashscreen.
• react-native-vector-icons: Library of Icons.
• redux-thunk: Redux Middleware used to write async logic(fetch cocktails from api) that interacts with the Redux store.

Improvements that could be implemented in case there was a Large List of items:

• Add pagination to fetch request

• Load cocktails items accordingly to the pagination using FlatList properties such as onEndReached, onEndReachedThreshold to load more items only when getting close to the end of the list.

• Also, could be used some Flatlist properties to increase performance as suggested in the official docs, such as:

  • maxToRenderPerBatch (will limit the number of items rendered per scroll, updateCellsBatchingPeriod (determine the period of reloads per scroll)
  • getItemLayout used to remove the need for FlatList to manage async layout calculations, but can only be used if all the items have the same width or height;
  • windowSize (used to specify the number of viewports loaded, the default value is 21, should choose the best fitting value based on the number of items per viewport).

• Search for different kinds of cocktails.

# Clone Repository
$ git clone https://github.com/viniciusraja/CocktailFinder.git

# 1º Install Dependencies
$ yarn install

# 2º Run Metro
$ yarn start

# 3º Step for running in IOS
$ cd ios
$ pod install
$ run the project in Xcode

# 3º Step for running in Android
$ yarn android

Feel free to file a new issue with a respective title and description on the the Cocktail Finder repository. If you already found a solution to your problem, i would love to review your pull request!

Released in 2021 📕 License

Made with love by Vinícius Fernandes Landim 🚀. This project is under the MIT license.

Give a ⭐️ if this project helped you!