Giter VIP home page Giter VIP logo

luiz-pereira / coffeehub-react-redux Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 77.94 MB

React/Redux/Rails API. Provides a marketplace for coffee buyers and producers, allowing for tastings requests and intermediating contact between companies from different regions/countries.

License: MIT License

Ruby 51.65% HTML 0.91% CSS 13.87% JavaScript 33.57%
coffee tastings react redux jwt-authentication jwt rails-api ruby-on-rails js json-api

coffeehub-react-redux's Introduction

This website will allow coffee buyers and producers to connect for tasting and interacting.

The site uses JWT (Json Webtoken) for authentication, alongside Rails 6.0 for API data requests.

To iniate the app, run

  • bundle install
  • npm install inside /client
  • run rake start (which uses Foreman to initiate both the web and the api servers)

To use the app:

  • Sign up
  • click see coffees
  • choose any coffee and see the description
  • save and unsave any coffee
  • saved coffees will be shown in your "saved coffees"
  • the login information is persisted through a local cpoy of the webtoken

the structure of the app is as follows.

  • Homepage with coffee pictures and a nice explanation

  • navBar, used for navigation/signin/singup

  • login page

  • sign-up page

  • page with coffee list (cards with pictures) - container

    • you can see a description and specs
    • when you click it opens another page (using router) the option to save the coffee to your list and tasting request
  • buyer page - container

    • saved coffees - container
      • coffee cards/list
    • tastings requested - container
      • tastings list with status
  • (FUTURE IMPLEMENTATION) producer - admin functions, include new coffees, etc

  • every interaction with the data is made through fetch requests to the API.

Tables needed:

  • users - buyers and producers
  • coffees
    • belongs to producers
    • has many buyers
    • has many tastings
  • tastings
  • savedcoffees jointable (buyers + coffees)

coffeehub-react-redux's People

Contributors

luiz-pereira avatar

Stargazers

 avatar

Watchers

James Cloos avatar

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.