qmsparks / assembleIt

A messaging board built with Node.js, Express.js, MongoDB, Mongoose, JavaScript, jQuery, EJS etc.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A messaging board built with node.js using MongoDB, inspired by the popular website Reddit.

Origin: Since we have heard how much people dislike using slack in class, and doubt that any of our classmates will keep using Slack after the cohort, the main goal for us is to build a place where people can build communities and grow as a group; hence the idea of making a reddit-clone for the cohort. Moreover, the creators of this project are both very fond of reddit and would like to learn more about how a large scale website like Reddit works behind the scenes.

Link to assembleIt

Wireframes

assemble-It-WF-001 assemble-It-WF-008 assemble-It-WF-009

User Stories

assemble-It-WF-002 assemble-It-WF-003 assemble-It-WF-005 assemble-It-WF-006


Color Used:
Navbar - #e3f2fd #e3f2fd Navbar Font - #307DF6 #307DF6 Body Font - #007CFF #007CFF Sub-body Font- #989898 #989898

ERD

Version 1

assemble-It

Version 0

assemble-It

MVP

A simple bulletin board that allows registered users to browse and create discussion threads. Registered users are:

  1. authorized to create posts / comments on threads (stretch goal)
  2. allowed to edit their username
  3. allowed to delete post they created
  4. allowed delete their account

Milestones

  • Working Server with Routes
  • Models with Schema setup
  • CRUD functionality
  • Voting System
  • User Authentication
  • Views Styling

Stretch Goals

  • sub-communities (completed)
  • display pictures in posts
  • comments section (completed)
  • light/dark mode
  • upvote system (completed)
  • user profile pictures (completed)
  • dropdown menus
  • option to add pictures to posts
  • display pictures in posts
  • a proper word editor for post submission
  • keep the format of the posts
  • mobile friendly

assemble-It-WF-010

Technologies Used

  • MongoDB
  • Mongoose
  • JavaScript
  • HTML&CSS
  • BootStrap
  • jQuery
  • moment.js
  • sweet alert
  • express session
  • bcrypt
  • req-flash
  • Express Rate Limit
  • helmet.js
  • express-mongo-sanitize
  • CORS (cross origin resource sharing)
  • mongoose-morgan

Version 0.1

image

image

image

image

About

A messaging board built with Node.js, Express.js, MongoDB, Mongoose, JavaScript, jQuery, EJS etc.

License:MIT License


Languages

Language:HTML 49.6%Language:JavaScript 40.9%Language:CSS 9.5%