Giter Club home page Giter Club logo

bucketbuddiez's People

Contributors

avani19 avatar marioaburto10 avatar masudhchowdhury avatar tomtom828 avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

bucketbuddiez's Issues

Facebook API / Image rendering API

I'm not sure if the Facebook API will be client side or sever-side. It's in client side, we can put your API calls into the public/assets/javascript folder. Otherwise, I guess we can make a custom server-side folder or put it in the controllers folder for now.

The same goes for the image API. I'm guessing we could take 2 paths...

  1. a one time query to find an image link and save it to the database.
  2. or search a country name in the api and append it to the right tile in the DOM

Not sure which will be simpler at this point.

Avani

Continue to work on the Tiles for the add Countries, States, and Cities pages.
Once these tiles are are done, you can apply them to the Profile page.
The profile page will have 3 divs... 1) countries, 2) states, 3) cities.

Tom

Edit DB migrations and routes if needed.

Work on AJAX calls on the portfolio page to query for all users who want to go to the same place.

Mario

Please look into user auth.
Refer to Ahmed's docs.

Maybe we will need to protect the add/delete AJAX routes?

Front End Info

There are plain HTML files inside the views/layouts folder, you can use those as a starting point for writing the basic HTML look of the site. For any custom CSS or pictures, put them in the public/assets/css or public/assets/img folders. The same applies for in-browser javascript public/assets/javascript.

After we get the look we want it plain HTML, we can migrate those html pages into the corresponding handlebars files and chop it all down to render with the database info.

Routing and Database

Creating routes for all pages to be rendered.

  • index
  • add countries
  • add states
  • add cities
  • user bucket list

Creating routes for CRUD actions.

  • Create a new user (and new locations?)
  • Updates on user (adding country, city, state)
  • Delete an entry (country, city, state, whole account?)
  • Read all states, cities, countries and render to DOM as tiles

May also needs to make an API call route? Unsure at this point.

Set up the Database with Sequelize migrations...
Thinking of multiple tables:

  1. all users (IDs, names, Facebook id ?)
  2. all countries (IDs, names, imageURL?)
  3. all states (IDs, name, imageURL?, country_id?)
  4. all cities (ID, name, imageURL?, state_id?)
  5. have a "user-likes" table?
  • (ID, user_id, likes_id)
  1. have a "likes" table
  • (ID, <type?country,city,state?>, foreign_key)

May also look into linking the countries? Not sure at this point (depends on user experience)

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.