CocktailFinder 🍸

Description:

CocktailFinder is a small project in order to search some drinks.

The environment and some libraries that was used in order to develop this project:

• MacOS: 11.3 (BigSur, latest)
• Xcode: 12.5 (iOS 14.5, latest)
• React-Native: 0.64 (latest)
• React-Navigation: 5.9.4

How run this project ?

Run this commands:

1. "yarn install" (or just "yarn")
2. "cd ios && pod install && cd .."
3. "yarn ios" (in order to run iOS)
4. "yarn android (in order to run Android)

Folder structure:

.
├── App.js
├── Router.js -> React-Navigation Settings is here
├── app.json -> App name
├── common
│   ├── Colors.js -> This file is the reference of all colors in this app
│   ├── Constants.js -> API_URL is here
│   └── index.js
├── components
│   ├── DrinkItem -> This component is used to build the drink list
│   │   ├── DrinkItem.js
│   │   ├── index.js
│   │   └── styles.js
│   ├── Header -> This component has search field
│   │   ├── Header.js
│   │   ├── index.js
│   │   └── styles.js
│   ├── WelcomeButton -> This component is used in WelcomeScreen
│   │   ├── WelcomeButton.js
│   │   ├── index.js
│   │   └── styles.js
│   └── WelcomeLogo -> This component is used in WelcomeScreen
│       ├── WelcomeLogo.js
│       ├── index.js
│       └── styles.js
├── redux
│   ├── actions
│   │   ├── GetDrinksActions.js -> To Fetch drink list through API 
│   │   ├── ResetDrinksActions.js -> To clean drink list
│   │   ├── index.js
│   │   └── types.js -> This file is reference of all types
│   └── reducers
│       ├── DrinksReducer.js
│       └── index.js
└── screens
    ├── SearchList -> This is wireframe 2
    │   ├── SearchList.js
    │   ├── index.js
    │   └── styles.js
    └── Welcome -> This is wireframe 1
        ├── Welcome.js
        ├── index.js
        └── styles.js

Screenshots