Jake loves discussion amongst his friends, but he wants a way to keep it organized. He wants his own forum.
-
Jake wants his friends to be able to discuss things by topics. Users should be able to create topics, and other users should be able to comment on those topics.
-
Jake isn't concerned about sub-comments, for now.
-
Jake also wants to be able to see what topics have the most comments.
-
Jake thinks it would be cool if users could vote on topics, and have the topics displayed based on popularity.
-
Jake wants users to be able to set their username only once, and to have the posts and comments show which user made them.
-
Jake really wants the application to look good.
##Jake's Bonus options
-
Jake wants users to sign up with a username and password, and to login to the application before being able to use it. (session controllers + user models)
-
Jake would really like the passwords to be secure. (node package: bcrypt)
-
Jake would like the application to look good both on a computer, and on a phone. (CSS: media queries)
-
Jake would like people to comment on comments. Perhaps this means top-level + one-level deep, or nesting more like reddit?
-
Jake would like the application to automatically tag posts with the location from which they are written. (html5: geolocation + google map api)
-
Jake is a nerd, and is a fan of proper formatting. He wants everyone to write their discussion posts in markdown format. (node package: marked)
##MVP
Technologies :
HTML, CSS, JavaScript & jQuery, node.js & express, mongoose
- Schema for user - name, password
- Schema for topic - title/subject, upvote, author
- Schema for comment - comment, author
- New topic button
- new comment button
- search bar
- Topic view (show)
- Home view (index)
- Create Topic view
- Create Comment View
- Vote button ( ? hidden form )
##WireFrame ![index] (https://github.com/JosephinaTavera/Project2_Lets_Talk/blob/master/wireframe/index.JPG) ![show] (https://github.com/JosephinaTavera/Project2_Lets_Talk/blob/master/wireframe/show.JPG)
Used for search item http://mongoosejs.com/docs/api.html#query_Query-find
something to review https://docs.mongodb.com/manual/reference/operator/query/text/#op._S_text
https://www.npmjs.com/package/mongoose-text-search
Carousel
http://desandro.github.io/3dtransforms/docs/carousel.html http://www.owlgraphic.com/owlcarousel/demos/transitions.html http://www.w3schools.com/bootstrap/bootstrap_carousel.asp
http://www.jqueryscript.net/demo/Simple-jQuery-Carousel-Plugin-With-3D-Rotating-Effects-Carousel3d/
bouncing ball https://24ways.org/examples/2010/real-animation/demo5/
http://www.htmldrive.net/items/show/1083/jQuery-images-opening-and-closing-door-effect
http://www.creativebloq.com/css3/animation-with-css3-712437
curtain effect
http://cssdeck.com/labs/css3-theater-curtains
https://css-tricks.com/creating-css-sliding-door-effect/
http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/
https://docs.mongodb.com/manual/reference/database-references/