Giter Club home page Giter Club logo

app-boomerang's Introduction

BOOMERANG



App Link



Wireframe

Home Page

entity-relationship-diagram

User Page

entity-relationship-diagram

Question Page

entity-relationship-diagram

entity-relationship-diagram



User Stories

  1. As a user, I can login/logout using Google account
  2. As a user, I can check my user detail that shows email, username, number of questions asked, and number of answers selected and recent questions asked. Username can be edited.
  3. As a user, I can ask questions that can be answered by other users in the app, and have authorization to select answers in the questions I originally asked as "selected"
  4. As a user, I can delete questions that I originally created
  5. As a user, I can answer the questions in the app community which can be "selected" by the original author of the question
  6. As a user, I can delete the answers I originally created in questions in the app
  7. As a user, I can see the questions feed which can be sorted based on the engagement numbers, topics, publish date, or using keyword search


Data Models

entity-relationship-diagram

User

  • Email: String, unique
  • Username: String, unique
  • Avatar URL: String, unique
  • Questions asked: Number
  • Answers selected: Number
  • Google ID: String

Question

  • Author ID: mongoose.Types.ObjectId, unique
  • Author Username: String
  • Question Title: String
  • Question Body: String
  • Topics: [String]
  • Answers: [mongoose.Types.ObjectId]
  • Publish Date: Date

Answer

  • Question Id: mongoose.Types.ObjectId
  • Author Id: mongoose.Types.ObjectId
  • Author Username: String
  • Answer Body: String
  • Answer Selected: Boolean
  • Publish Date


TECHNOLOGIES USED

  • Node Modules
    • dot-env
    • ejs
    • express
    • express-session
    • method-override
    • mongoose
    • passport
    • passport-google-oauth
  • Bootstrap
  • jQuery
  • MongoDb Atlas
  • Trello
  • Mockflow
  • Heroku
  • GitHub


Approach

  • This app is an express app built using MongoDB as database and EJS as view engine
  • Started off by summarizing userstories, and breaking down the components that are needed for this app to function
  • Trello was used to break down the project timeline and break down the project in to multi-steps
  • Most of the actions required authentication for the user, so started off by adding Oauth as authentication method, using passport/google strategy
  • Followed the design pattern of MVC framework, working on each feature at a time
  • The four CRUD functions are called to perform different types of operations called in HTTP requests

app-boomerang's People

Contributors

chuckchoiboi 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.