This is a full stack application powered by React, Node, Express and MongoDB that allows authenticated users to create cocktail information cards, and add to a database. Users can query said database for other user’s cocktails and add reviews, ratings and favourites.
You can check out a live demo here
The back end code can be found here
- Add, modify, delete cocktail recipe cards to/from online database
- Search database for cocktails and sort by name, rating etc.
- Rate and review cocktails
- Store favourites
- React
- Redux
- reduxjs/toolkit
- Framer-motion
- CSS Modules
On the front end is a react application that implements Redux for state management, custom hooks for fetching data and CSS modules for styling. It has various routes to navigate through the application some of which are protected to allow only authenticated users access.
A react component
- Clone repository to your local device
- Navigate to the ship-head folder
- Run
npm installto install all the dependencies - Run
npm startto start the React project, this will open in a new browser window.
Created by @neilbarry - feel free to contact me!