Black Widow CockTails App

React/Redux
Explore the docs »

· Report Bug · Request Feature

Table of Contents

• About the Project
• Screenshots
• Prerequisites Installations
• Technology used
• Usage/Getting Started
• Live Version
• Roadmap
• License
• Authors

About The Project

This project is a Cocktail App built with React and Redux. It implements the functionality of building components in React and connecting the components to fetch data from an API then uses the Redux store using Redux actions, reducers, and methods.

In this project, the complete feature of the app renders the following:

• A list of cocktails from different categories
• A filter of the cocktails based on the category
• View a single drink
• View the drink Ingredients
• View instructions on how to mix the Ingredients

Detailed project description can be found here Catalogue of Statistics

Screenshots

Home

Single Item

Prerequisites Installations

If you want a copy of this project running on your machine you have to install:

• Node.js (v5. 2.0 or greater)
• Git version control system

Technology used

• Node.js
• React
• React-DOM
• React-Create-App
• Redux
• npm
• CSS
• ES6
• React-thunk

Usage/Getting Started

Once you have installed the required package shown on the Prerequisites Installations, proceed with the following steps

Clone the Repository,

your@pc:~$ git clone https://github.com/bafiam/Bafiam-Cocktails

Move into the cloned folder

your@pc:~$ cd Bafiam-Cocktails

Get the dependencies needed for the app

your@pc:~$ npm install

Start the server and use the app

your@pc:~$ npm run start

Live Version

This is the link to the live preview. Feel free to visit.
Black Widow CockTails

Roadmap

See the open issues for a list of proposed features (and known issues).

Authors

Stephen Gumba

• GitHub profile