Giter VIP home page Giter VIP logo

bucket-list's Introduction

http://g18-bucket-list.herokuapp.com/

Bucket List App-

Summary: The bucket list app allows users to make a 10 item bucket list of things they want to do before they die. They are able to search within the app and see other users' bucket lists for pictures, resources etc...

Group Project: Brandon, Aubrey, Scott & Taylor

  1. Website landing page shows quick description of how to use it. If the visitor has already been to site, then they are automatically directed to community index page. New visitors will be prompted to sign up to make their personal bucket list.
  2. After a user signs up, you are directed to the search page where you see other users’ lists. The user can search by term and it will filter and bold bucket list items that match what you search. The community index page shows users' picture thumbnails, name, and their lists. A user's name, when clicked, will take you to a ‘show page of their profile’ if you click on a specific list item, you are taken to the page of that single bucket list item. A short description and picture of the user is attached to their personal list.
  3. Each list item page it contains:
    1. List item
    2. Picture
    3. Description
    4. Resource links
  4. If I click a user’s name on the index community page, I am taken to their ENTIRE LIST, and I can scroll through their list items. This is the elaborate list item. If I only click on an item from their list on the index page, I am taken to that specific list item.
  5. If I log in and click my own name in upper right corner, I am taken to my own list. This functions similar to the show page except you can edit. Any edits I make can be seen by other users and are reflected.
  6. Log-In & Auth via Facebook

TECHNOLOGY I. Express II. Facebook OAuth III. Knex.js IV. SASS V. JavaScript + JQuery VI. PostgreSQL VII. Cloudilly API (chat feature)

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.