Coder Social home page Coder Social logo

nicopierson / goodcipa-app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from theguilbotine/goodcipa-app

0.0 0.0 0.0 22.05 MB

GooCIPA is for beer lovers, more specifically people who really enjoy Indian Pale Ales. Based off of the app UNTAPPD, users can share IPAs in the beer cave and review(Crack Open) beers from the fridge.

Home Page: https://goodcipa.herokuapp.com/

Shell 0.12% JavaScript 86.13% HTML 0.46% CSS 13.30%

goodcipa-app's Introduction

GoodCIPA by Pierre Guilbault

A logo of GoodCIPA

The IPA enthusiasts app. A cave of IPAs that can be added to and browsed to find new beers to open, try, and review.

Technologies Used

  • JavaScript
  • CSS3
  • REACT
  • REDUX
  • PostgreSQL
  • Hosted on Heroku

Brief Site Walkthrough

  • Splash page allows users to access login, register, or use a Demo account to check out the app.

Splash Page

  • All pages have a footer with links to the creators GitHub and Linkedin account.

  • Profile Page allows users to enter the Beer Cave to browse, add new beers, edit ones they have added, and crack open to review any beer in the cave. Or go to the fridge to see a list of beers reviewed by other users. Users can click on each beer and eventually will be able to see all of the reviews for that beer and who said it.

Profile Page

  • From the Add or Edit beer form users will be able to dynamically add, edit, and delete beers.

Add IPA Page

  • The Crack Open form will allow users to review/leave a comment about the beer they have tried.

Crack Open form Page

App Link

https://goodcipa.herokuapp.com/

Challenges

  • There are a few bugs to work out brining in information to each page. Data such as users who wrote comments etc, has been difficult to pull into the individual IPA pages.
  • Some rerenders were diffiuct to implement smoothly, but eventually were mastered.

Special Thanks to some great coders

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.