/privacybook

School Project - Frontend, Twitter Bootstrap and Localstorage

Primary LanguageJavaScript

privacybook

School Project KEA (Copenhagen School of Design and Technology) Web Dev Team 10 Fall 2014

Project

Here you have two choices, either A or B:
A. Make your own project using the topics taught in class. Your project description will have to be qualified by the teacher.
B. Make the default course project.

Default course description (subject to change until project week):
Make KEA-Book, KEAs version of Facebook.

The project requirements are:
A user can:

  1. Log in, or create a new account
  2. Log out.
  3. Edit account information.
  4. Create posts.
  5. Comment posts.
  6. Delete posts.
  7. See other users and posts.
  8. Send messages.

An administrator can:

  1. See admin page.
  2. List all users.
  3. Edit user.
  4. delete user.
  5. block user.
  6. change user role.
  7. send message to user from admin panel.

Technical Specs, the program must:

  • Be singlepage
  • Use Localstorage
  • Use Gravatars, not mandatory if you want to use something else for profile pictures.
  • Use Geolocation (not mandatory)
  • Adhere to the principles of YSLOW and high performing websites (do not minify code).

Groups:

The final project must be individual. This means that the student is responsible for every line of code in the project, it is allowed to use code snippets from the web as long as the student can explain them if asked at the exam.

Deliverables:

  1. A working program.

As I understood we are not allowed to use anything else than localstorage for storing data. We are required to use Twitter bootstrap.

As of now I am using the following libraries, plugins and snippets:

https://github.com/Prinzhorn/skrollr https://github.com/Prinzhorn/skrollr-menu

https://github.com/carhartl/jquery-cookie http://underscorejs.org/

http://stackoverflow.com/questions/12733238/retain-twitter-bootstrap-collapse-state-on-page-refresh-navigation --> Answer by Ravimallya