SOEN 341 Project

Project description

Web application (Instagram clone) with core features:

• Posting images
• Commenting on posts
• Following/Unfollowing other users
• Displaying user profiles
• Liking/unliking posts

Demo

Login & Personalized Dashboard

User logs in and is redirected to their dashboard, where they can view posts uploaded from people they follow

Comments

User can comment on posts. They are authorized to delete their own comments, but not those of others.

User profile and Follow

User can view other user profiles, check their lists of followers and follows, and follow/unfollow them.

Following (or unfollowing) adds (or remove) the target user's contents from our dashboard.

Uploading images & Posting

User can create posts - A post contains an image (stored in the cloud storage Cloudinary) and a caption.

User can then edit their post.

Likes and list of likes

User can like posts, and see the people who like a post

To run:

Clone the repo on the command line

$ git clone eyeshield2110/SOEN_341_Project

Install all the node package dependencies

$ npm install

Inside the root directory, run the following command

$ npm start

To end the connection to the local server

CTRL + Z

Architecture design (by Madline)

Team members

• Jananee Aruboribaran 40129224 (github: BunnyPrince)
• Noah-James Dinh 40128079 (github: eyeshield2110)
• Marian Maksimos 40067018 (github: M-Maksimos)
• Madline Nessim 40078034 (github: madeleine3341)
• Thanh Ta 40085781 (github: mth-1012)

Technologies

Frontend

• HTML, CSS, Vanilla Javascript
• Bootstrap5 - Responsive Web Framework
• EJS - Embedded Javascript Templating. This allows us to inject backend js code into frontend HTML

Backend

• MongoDB - Local NoSQL database
• Cloudinary API - Cloud storage service
• Node.js with Express.js - Lightweight node web framework