Skip to content

depalmafarr/qa-capstone-client

Repository files navigation

Mixer Q&A Client

Sign up and Sign in to use this app to keep ask people questions about mixer and allow them to answer you at any time!

This app was created for mixer.com which no longer exists as such and is now Facebook.com/gaming, some features may indicate different sites as the app is updated.

Mixer Q&A Client dev process

Started by making sure the app is connected to the api so that users can create accounts and ask quesitons in a user friendly way. When I hit issues I used research and other classmates to get through building the front end. There are many more styling choices that must be made in the future for this site.

Deployed sites

Front end (https://depalmafarr.github.io/qa-capstone-client/#/). Back end (https://shrouded-ocean-15397.herokuapp.com/).

Getting Started

Can be forked and grunt served onto your server from the link to the project here (https://github.com/depalmafarr/qa-capstone-client)

Future fixes/issues

  • Question/answer voting, upvote/downvote system
  • Specific sections you can ask and answer in
  • Styling changes

Wireframes, User stories, and ERD

Wireframe - https://drive.google.com/open?id=1BcllyEiO0eqHZC7Sjmj1G6MYoobeOZbg

ERD - https://drive.google.com/file/d/1ccL-dG3nDeeb9zx_aUaKRXBwtac60jLv/view?usp=sharing

  • User stories -
  • As a user I want to see questions others have asked/answered about mixer
  • As a user, I want to be able to create an account
  • As a signed-in user, I want to create/ask questions
  • As a signed-in user, I want to be able to answer questions that have been previously asked
  • As a signed-in user, I want to be able to choose what kind of question I am asking and what kind of question I am looking for (stream tips, discussion, tech help, etc)

Built With

  • [React] Front end language
  • [Ruby on Rails] Ruby on Rails for server setup
  • [HTML] - Basic Front-end styling
  • SCSS - Style sheets
  • [JavaScript] - Used to create front end lists
  • [Jquery]
  • [Git]
  • GitHub
  • herokuapp api
  • [bootstrap] - used for dropdowns

Image of site

Backend Repo

For the back end of this project, see (https://github.com/depalmafarr/qa-capstone-api).

  • npm start to run local front end, npm run deploy to deploy
  • bin/rails server to run local back end, git push heroku master to push backend

Versioning

We use [github] for versioning. For the versions available, see the (https://github.com/depalmafarr/qa-capstone-client).

Authors

Acknowledgments