Giter VIP home page Giter VIP logo

unit3-groupproject-dtg-backend's Introduction

DTG - ๐ŸŽฒ Down to Game ๐ŸŽฎ

App Idea:

An app to find other people to play video games and board games with. Kind of like a dating app, but for nerds. Find other people who like the same games as you, and like their profiles and then see if they also want to play games with you.

Unit 3's Group Project for General Assembly's SEI course.

Need to build a fully functional CRUD app using React.
Group Memebers: Matt Aguiluz, Hong Ngo & Suzy Roy

Technologies Used

Server side: ES6, Node.js, Express
Database: MongoDB Atlas
Front end: React, React Router, HTML, CSS, Javascript
Tools: Git, GitHub, Heroku

Deployed Link: https://dtg-downtogame.herokuapp.com/about
Frontend Github: https://github.com/blakmagjick/Unit3-GroupProject-DTG-Frontend
Backend Github: https://github.com/blakmagjick/Unit3-GroupProject-DTG-Backend \

User Stories

As a user, I want to be able to log in in order to create my profile.
As a user, I want to only be able to edit and delete my own profile.
As a user, I want to be able to search other profiles.
As a user, I want to be able to 'like' another user's profile so that they know that I'm interested in playing games with them.
As a user, I want to be able to leave comments on other user's profile.\

Wireframes

Index Page/All Gamers:

f6e6cc80-30d9-11ec-958f-ae492aa4ddd8

Show Page:

f51d0900-30d9-11ec-8794-e79334e5ba57

Register/Create Profile:

ee8e9180-30d9-11ec-9245-91648d96a94e f2baaf00-30d9-11ec-8dd2-7852377ae099

Aproach Taken

  • GitHub: Suzy dealt with the main GitHub repos, that Matt and Hong forked and then made pull requests to.
  • Backend: Server.js filed worked on by Suzy. Controllers and Routes split between Matt & Hong.
  • Frontend: Matt worked on login/logout and search function. Hong added the single user profile page and comment and like components. Suzy figured out React Router so that we could build a multi page app and put the All Gamer component together. Hong and Suzy split the CSS, Hong doing the Profile page, and Suzy working on the main page and forms.

Unsolved Problems

  • Tried coding a the search function using a different approach than one used in project two, it doesn't work quite as we were hoping.
  • Wanted to have the Like button be used only once per user, didn't get that figured out.

MVP Goals

[x] Login functionality
[x] User needs to be able to create a profile
[x] Users needs to be able to search through profiles
[x] Users can 'like' other profiles
[x] Users can leave comments on profiles to set up gaming date\

Stretch Goals

[ ] Chat functionality (instead of just comments on the page)
[ ] Hover over picture, change from avatar to actual photo of user
[ ] Board game API to easily add games to profile (instead of adding manually)
[ ] Google Map API for user location
[ ] Upload photo from computer functionality (for profile pics)
[ ] Optimize for mobile viewing\

unit3-groupproject-dtg-backend's People

Contributors

blakmagjick avatar 504aguiluz avatar hongngo20 avatar

Watchers

 avatar

Forkers

504aguiluz

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.