Studygram

Table of Contents

• Purpose
• Overview
  • Architecture and Technologies
• Features
• How to run

---

Purpose

Web app & online community for students to share study resources, tips, and connect with others.

Overview

Architecture and Technologies

• Frontend: React
• Backend: Node.js, Express
• Database: MongoDB
• Other: Tailwind CSS

Features

Post

• Create post
• Edit/Delete post
• View posts in feed
• Upload file(s) to post
• Like post
• Add tags to post

Profile page

• Customize/Edit profile
• View posts

Search

• Search for posts/people using tags

Authentication

• Create new account
• Log in
• Log out

---

How to run

git clone https://github.com/TamSuj/CS35L.git
cd CS35L
cd app
npm install
npm run dev

In another terminal, run:

cd CS35L/app/backend
node server.js

Note: Can't find the backend directory? Make sure you're in the app folder. Your directory structure should look something like this: ../CS35L/app/backend

---

Contribution

• Sonal Aggarwal
• Gayvalin (Tammy) Sujaritchai
• Megan Luu
• Felicia Chen
• Kento Goodman

---

Future Improvements

• Enhancements:

  • Consolidate API endpoints
  • Optimize API calls

• Refactoring Opportunities:

  • Reorganize components
  • Improve code readability

• Additional Features:

  • Comment on posts