React/Redux
Explore the docs »
·
Report Bug
·
Request Feature
- About the Project
- Screenshots
- Prerequisites Installations
- Technology used
- Usage/Getting Started
- Live Version
- Roadmap
- License
- Authors
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
If you want a copy of this project running on your machine you have to install:
- Node.js
- React
- React-DOM
- React-Create-App
- Redux
- npm
- CSS
- ES6
- React-thunk
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
This is the link to the live preview. Feel free to visit.
Black Widow CockTails
See the open issues for a list of proposed features (and known issues).
Stephen Gumba