Skip to content

nlo88/frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo-5 21ece202 (1)

Feedback Loop

Note sharing app for engineers to connect, collaborate, and help their peers. This is a full-stack application built on the MERN stack (MongoDB, Express, React, and Node).

Deployed Website

https://feedbackloopapp.herokuapp.com/

User stories

  • I am a student in a software engineering intensive looking to connect and collaborate with my peers.
  • I am a coding wizard looking to help peers when they are stuck.
  • I am part of a coding team looking to encourage my peers in their design.
  • I want to stay in the loop and see what projects and languages that people are talking - about most.

Functionality

Login System:

  • Guest can only view the posts.
  • Login is required for users to make interactions on the application, such as make posts, likes, leave comments.

Home Feed:

  • Posts are displayed in reverse chronological order (newest at the top)
  • Comments are displayed in chronological order
  • User can click on a tag to filter (search) for posts containing that word
  • Mobile-first and responsive layout

Posting

  • When logged in, users can click the 'new post' button to create a post
  • New posts require a title and and a body, but tag lists are optional
  • Users have the ability to edit and delete posts that they have created

Commenting

  • When logged in, users can comment on posts
  • Users have the ability to edit and delete comments that they have made

Liking

  • When logged in, users have the ability to like and unlike posts
  • Likes are stored in the Post schema as an array of objects
  • Each object in the array contains the userID and username of the user who liked the post
  • Users can only like a post once
  • Since likes are stored with the userID and username, users can see posts they've liked during previous sessions

Feedback Loop Data Flow

data flow

Component Tree

Screen Shot 2021-09-09 at 1 30 31 PM (2)

Screenshots

Screen Shot 2021-09-09 at 11 49 02 AM

Screen Shot 2021-09-09 at 11 52 13 AM

Screen Shot 2021-09-09 at 12 02 50 PM

Screen Shot 2021-09-09 at 11 59 39 AM

Screen Shot 2021-09-09 at 12 01 14 PM

Group members:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.8%
  • CSS 36.3%
  • HTML 2.9%