Screenshot of a discussion page with messages in a scrolling list.
Back to Projects

StudySync: A Social Media GUI

October 2023 - December 2023

Tags

    TypeScriptReactNext.jsWeb

About

An interface designed for a social media app that allows students to connect and share educational content. The app was created as part of a team project for a course on human-computer interaction. The app features a home page with a list of topics for the user to join. Each topic has its own discussion page where users can post messages and send attachments. The app is not connected to a back-end, so the data is not saved. Instead, it is used to allow others to evaluate the interface in user studies, so that it may be improved if a fully-featured app were to be made. It was created using React and Next.js with TypeScript.

External Links

Images

Screenshot of a discussion page with messages in a scrolling list.Screenshot of a welcome page with a list of discussion topics for the user to view.Screenshot of a discussion page with messages in a grid layout.