Wine O'Clock is a React app created for Wine Lovers and Wine enthusiast that want to have a place where to storage reviews about their wines, learn about some our favorite wines list and read from our Blog. The CRUD functionality is: CrREATE a new review, READ or get the wine list and reviews or to search the wine type, UPDATE the score and DELETE the wine review card. Here is the final deployment app for Wine O'clock:select the home section to start.
https://wineoclock.netlify.app/
The initial API for this project was https://quiniwine.com/developers but it wasn't enough to work on this project. The final API for Wine O'clock is :
https://wineoclock.herokuapp.com/wine and the CRUD funtionality url is :
https://wineoclock.herokuapp.com/reviews
A little intro about the installation.
$ git clone https://github.com/LinaMierke/wine
$ cd wine-app
$ npm install
$ npm start
Side information: To use the application in a special environment use http://localhost:3000/home to see the landing page.
Trello is a website use to plan and create a timeline and To Do list and keep accounting with the project:
Home Page image from freepik.com and then modifided in Photoshop. NavBar crated and modifided from Material-UI. For more information about the footer source check the Tehnology and Sources.
On the Wine List, we have a suggestion of our favorite wines, click the button review and it will take you to the review page.Also the search section will allow the user to search for the wines by type: red, White or Rosé.
Review Section will show a series of wines users have tried and review. The user have the option to edit the score and to delete the reviews. Also the form to sumbmit a new review contains: URL picture, type of wine, what the wine was paired with, score, how much the user payed for the picture and the thoughts about the wine.
The Blog section contains three wine commentaries written by the wine expert Brad Mierke.For more information about the wine blog code source from free material UI projects check the Technologies and Sources
Sign in and Sign up section are created to be use with the authentication passport/sessions.As at right now, the authentication is under creation review so this section is non-functional.
A list of technologies used within the project:
- React: Version 17.0
- Material UI: Version 4.0
- Freepik: Picture source & then modifided by:
- Photoshop: Version 9.0
- Sign in/up Component: Version
- Footer Tutorial: Modifided.
- Blog: Used and modifided
Private License @ 2020