Coder Social home page Coder Social logo

project-3's Introduction

"Whats That!?" - Yuki, Soe Min, William

Link to site: https://whats-that.herokuapp.com/

Whats That!? is a platform where we connect our users to actual e-commerce websites on a single click and offer rewards to our users which they can redeem via a reward points system.

Team Members

  1. Yuki
  2. Soe Min
  3. William

User Stories

  • User can upload photos, with title, description, and tag brands on their photo
  • User can like and comment on other user's photos
  • User can follow other users
  • User can earn points from uploaded photos
  • User can see how many points each photo earn them and their total available points
  • User can spend points at the store, discounts or actual items
  • Each photo will link to the brands displayed in the photos
  • User can search photos by brand and other users

Brand creation

  • Brand registry (by admin)

Rewards creation

  • Reward registry (by admin)

ERD Diagram

ERD Diagram


Views

Pages

  • homepage
  • profile pages (users, brands)
  • Devise pages
    • login
    • register
    • edit email, password
  • upload page
  • store (to spend points)

Controllers

  1. welcome controller
  2. photos controller
  3. messages controller
  4. rewards controller
  5. followers controller
  6. users controller <-- using devise

When user is NOT Logged In

welcome controller

  • Homepage (shows featured photos)

photos controller

  • photos
    • GET When photo is clicked (on homepage/profile page), pop up larger image with links, messages, likes

messages controller

  • messages
    • GET show messages

rewards controller

  • GET view rewards

devise

  • GET (new) Login --> log in-ed Homepage
  • POST (create) Register --> log in-ed Homepage
  • GET (index) Profile --> see others profile, list all photos of that profile

When user IS Logged In

welcome controller

  • Homepage (show followed photos)
  • photos
    • GET When photo is clicked (on homepage/profile page), pop up larger image with links, messages, likes
  • messages
    • POST (create) Message

users Controller

  • PATCH (update) Edit Profile page --> Update profile photo, change password, change email

profile Controller

  • If personal
    • Profile --> if personal, see all points earned, edit details
    • photos
      • POST (create) Upload --> create an upload
      • GET When photo is clicked (on homepage/profile page), pop up larger image with links, messages, likes
      • DELETE (destroy) button to delete an upload
    • messages
      • POST (create) Message
  • Else if other's profile
    • photos
      • GET When photo is clicked (on homepage/profile page), pop up larger image with links, messages, likes
    • messages
      • POST (create) Message

Wireframes

1a. Homepage

Homepage

1b. Homepage alternative

Homepage 2

2a. Photo page

photo wireframe

2a. Photo page alternative

photo wireframe 2

Profile page

profile wireframe

Application Setup

Install dependencies

bundle Install

Set up Database

rails db:create
rails db:migrate

Stack

Ruby on Rails, PostgreSQL, ERB

project-3's People

Contributors

subutai1175 avatar soemn avatar yukitsuboniwa avatar jeremiahalex avatar

Watchers

James Cloos avatar  avatar

Forkers

soemn subutai1175

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.