shekar73 / advanced-internal-university-social-network Goto Github PK

This web app is an internal social network for university organizations to collaborate on projects. Any club, dorm, fraternity/sorority, or sports team could create a group to discuss projects, post events, and upload/share files.

I built an extensive permissions system for this product. Students can make their groups public or private. Group members can be promoted to admins within a group, gaining the ability to add/remove members and delete unwanted discussions/events/files from the group. The web app contains 4 user levels depending on whether the user is a student, school administrator, student government leader, or Campus Bubble employee. Higher-level users get more permissions to view/moderate private content, and add/remove users from groups.

Additionally, it contains a section for school administrators to view statistics on how users/organizations are using the app. It also includes a purely public section for organizations to post events and discussions for the whole university to participate in.

Furthermore, the product integrates with universities’ official .edu sign-in systems, ensuring security and simplicity.

This web app is no longer online, but you can still view some images of it. These are mockups, but screenshots would look identical, because I'm awesome at front end.

View the images:

• The Home page. Here, students would see the latest posts from their clubs, along with the hottest topics being discussed on campus.
• The Announcements page. Here, students could post public announcements about any topic.
• The Add Event submission form. A student would select the date/time, add an image, and attach relevant files to the event.
• The View Event page. Here, students would view the date/time, location, and other relevant details about upcoming events and meetings for their clubs.
• The Group Dashboard page. For each of their clubs, students would go to this page to get an overview of the latest discussions, events, and files posted by their group.
• The Invite Members form. A group admin could search through all students at their school, then invite any of them to join their group.
• The Search page. Students could search for any type of content from their school: groups, people, events, discussions, files, and more.
• The Create Group page. Here, a student would add a new group to the web app. They could write the group's name/description, select a category, upload a profile picture, and add a cover photo.
• The Edit Group form. A student would use this to edit the name, description, category, tags, profile photo, and cover photo of their group.

I made most of my commits on this repo using another Github account called "campus-bubble". This was the account I used back when I was still working with my old company. If you'd like to verify this, please contact Campus Bubble's Chief of Product, Giovanni Hobbins: [email protected]

• Meteor stack including MongoDB/handlebars/stylus
• Several back-end node modules and meteor modules
• Several front-end Javascript libraries
• Integration with universities’ proprietary sign-in systems
• Fully responsive UI from desktop to mobile
• PhoneGap for iOS/Android apps

I hired 4 full-time developers and led the team to build this product in 3 months.

I built this product using an MV* node.js framework called Meteor. If you are unfamiliar with Meteor's directory structure, every view gets its own folder with an HTML file and corresponding Javascript file that manages all the Javascript functions relating to that view.

Click here to navigate directly to the "views" directory

-main/
  |__bubble_meteor/
      |__client/
        |__helpers/
        |__views/
      |__collections/
      |__server/