Coder Social home page Coder Social logo

uci-team-project / communitea Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 2.0 3.52 MB

CommuniTEA is a MERN stack web application that allows users to view details and reviews about different Milk Tea businesses. Users are able to create an account where they are able to save different places to their favorites list and can also leave a rating. Uses MongoDB.

License: MIT License

HTML 1.61% JavaScript 78.69% CSS 19.70%
react mondodb mongoose spa yelp-api graphql ant-design jwt-authentication expressjs nodejs

communitea's Introduction

CommuniTEA

Screenshot of web app CommuniTEA Link

Description

This MERN stack web app lets users browse a wide selection of delicious milk tea businesses where they can view information about specific Milk Tea stores.

Users are able to view store reviews and can also leave their own reviews. Users can add different businesses to their favorites list as well.

Create a free account and get started today!

Table of Contents

  1. User Stories
  2. Technologies Used
  3. Usage
  4. Contributors
  5. Installation
  6. Issues

User Stories

  • User can search a keyword or search for a business to review
  • User can create an account and login
  • User can leave reviews and rating for a business
  • User can add a business to their favorites list

Technologies Used

  • JavaScript (ES6+)
  • React
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • GraphQL
  • Ant Design
  • Deployed on Heroku
  • Yelp Fusion API

Usage

Deployed application: https://tranquil-plains-63846.herokuapp.com/

Register or Log in
Enter a location (city, state, zip code, etc...) to search nearby Milk Tea Places
Click into a store and click the favorite store button to add the store to the database as well as you favorites list.

Contributors

Stephanie Tseng

Johnathan Nguyen

Darius Garcia

Justin Chen

Japbir Chhina

Installation

clone the repo to local machine

cd communitea/

install dependencies

npm install

seed database

cd server/

npm run seed

start development React client and Express server

npm run develop

Client

start client

cd client/
npm run start

build app for production

npm run build

Server

start server

cd server/
npm run start

Issues

This is still an application under development, therefore certain functionalities are not fully functioning yet.

Working functionalities:

  • Register, Login & Log out
  • Search query for stores based on location via Yelp Fusion
  • Add Store (fully functioning)
  • Favorite Store (though is errorous when multiple stores are favorited)

However, all queries and mutations are working on the back end and can be tested with sandbox gql.

communitea's People

Contributors

dariusgarcia avatar japchhina avatar jthnguyen9909 avatar justincchen avatar wytseng avatar

Stargazers

 avatar  avatar  avatar

Watchers

 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.