Git Product home page Git Product logo

hoops-rater-app's Introduction

Hoops: Court Rating Webapp

This application aims to use React to handle front-end components, Express to handle back-end routing, and PostgreSQL to handle information in order to provide an application that allows a user that is interested in their community's local basketball courts to rate and browse nearby basketball courts.

Description - Documentation Update

After a long semester, the team was able to create a SPA that allows a user to sign up, log in, search for courts via a regular search or advanced search, and rate/comment on courts. There were a lot of features that we had to trim from our scope, such as photo uploads, crowdsourced court information, and geolocation. Overall, the team was satisfied with the learning experiences and outcome of the project. Here are some screenshots of the product.

Getting Started

For development, clone the repository into a directory on your machine using:

git clone <repository link>

Installing

First, run yarn in the root of the repository to install the dependencies required for the back-end functionality. Run yarn in the /client directory to install the dependencies in there as well.

Make sure to run

npm i nodemon -g yarn

on your machine in order to have this process manager installed to run the application.

You'll notice a config.json file in the root directory; replace the template with your database information so that you are able to make a connection when the application runs. There's also an auth-config.json in the root of the project, which holds the information for the Okta authentication, and an auth-config.js in the client/src/components folder for the same reason. You would want to configure these yourself in order to allow the authentication part of the project.

Head to your terminal and execute

yarn dev

to run an instance of the project on your localhost. Connect to the host as specified by your terminal to test functionality.

Built With

Contributing

In order to contribute, clone the repository and make sure to create your own branch using standard git naming conventions. Commit frequently and push when you make a decent feature change.

Authors

Florida International University CEN 4010 Group 2

Adrian Rodriguez - totemc

Joseph Nguyen - JosephComputerScience

Oscar Padilla - OAPadilla

Alex Campaneria - ACampy

Amir Jindani - amirjindani

hoops-rater-app's People

Contributors

acampy avatar amirjindani avatar josephcomputerscience avatar oapadilla avatar totemc avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

oapadilla acampy

hoops-rater-app's Issues

Promise rejection unhandled on refresh /profile

Working on a solution, feel free to look at npm pg docs and see how we can fix this.
Alternative is re-setting up how the component updates itself via state to another method so we don't lose the db data upon a refresh.

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.