Skip to content

DinneK/artists-cocktails-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Art of the Cocktail

Explore Art & The Art of The Drink

Table of Contents
  1. About The Project
  2. Setup
  3. Roadmap
  4. Features
  5. Contact

About The Project

The Art of the Cocktail is a fun application that gives the user the opportunity to explore the world of art while enjoying art inspired cocktails. The app employs React, React Router and Express to create a playful adventure for the art lover in all of us.

Home Page

home.page.mov

Saved Page

Saved.Cocktails.mov

This was a solo showcase project assigned in the third module of Turing's Front-End engineering program. The details of this project are outlined in this project spec.

Built With

React JavaScript CSS HTML5 Cypress NPM Vercel

(back to top)

Setup

  • Clone the repository to your local machine
  • cd into the repository
  • Make sure the necessary dependencies are installed on your local machine (react-router-dom, prop-types)
  • Once the necessary dependencies are installed, cd back into the root of the repository, and run npm start
  • Explore and enjoy!

(back to top)

Roadmap

  • Create functionality for users to post their favorite paintings.
  • Allow users to save their favorite painting.
  • Give users the ability to connect to their favorite work, by connecting them to a museum currently showing that work.

(back to top)

Features

  • Created with React, this single-page application utilizes React Router to create a multi-page user experience.
  • Uses PropTypes to ensure a seamless code.
  • Implements acceptance testing with a robust Cypress testing suite featuring error handling as well as happy and sad paths
  • Utilizes an Express static back-end for a unique user experience.
  • Mobile responsiveness.

Reflections

Wins:
Creating this application cemented my understanding of React's data down actions up model. It gave me the opportunity to build a small back-end, something I was curious about, but had yet had the opportunity to do.

Challenges:
Using Express was a challenge, as well as the time constraints on this project.

(back to top)

Contact

Dinne Kopelevich | LinkedIn | GitHub

(back to top)