Front End Engineering-II
Project Report
Semester-III (Batch-24)
Social media platform(Unisphere)
Supervised By: Submitted By: (Group-3)
Mankirat Kaur Vikrant Garg,2410990158
Devakanta Nayak,2410990121
Sajan Parmar,2410991651
Shubham.2410991531
Department of Computer Science and Engineering
Chitkara University Institute of Engineering &
Technology,
Chitkara University, Punjab
Abstract:
Unisphere is a secure social media platform built exclusively for university students. We created
it to give our campus a private, focused, and engaging digital space, moving beyond cluttered
general social networks.
The platform ensures a verified community through secure login using university email and one-
time passwords (OTP). Students can easily share posts, photos, and comments, follow their peers,
and customize their personal profile. Built using modern, high-speed technologies like React, and
utilizing Tailwind CSS for a modern, responsive UI. Unisphere is fast, fully responsive, and ready
to grow. Key features include a personalized feed, user discovery, and plans for real-time chat.
Unisphere is the future hub for student interaction.
1. Introduction 📝
Background (The Need): "We're building Unisphere because general social media is
messy and unsafe for students. This platform is a secure, dedicated space just for our university,
built with the latest, fastest web tools."
Objectives (Our Goals): "Our goals are simple: Make a secure app, help students talk to
each other, and show off how well we can use modern technologies like React and Serverless to
build something professional."
Significance (Why It Matters): "Unisphere matters because it gives our campus a
private, trustworthy digital home. It boosts engagement and, technically, it proves we can build
a high-performing, scalable, real-world application."
2. Problem Definition and Requirements 🛠️
Problem Statement (The Challenge): "The core challenge was to build a secure social
network exclusive to verified students, packed with features (like profiles, posting, and chat),
while using the best available technology to make it fast and reliable."
Software and Hardware (Our Tools): "We're using a powerful set of tools: React for
the fast website, Vercel Serverless for the smart backend, and MySQL for reliable data
storage. For students to join, they just need their Chitkara email and a modern web browser."
3. Proposed Design / Methodology 💡
Architectural Design (How It Works): "We chose a modern 'Serverless' design. This
means the website (React) is super fast because it's separate from the API (Vercel Functions),
which only runs code when needed. This makes the whole app cheap to run and easy to scale
up for thousands of users."
File Structure (How It's Organized): "The project files are neatly organized into three
main folders: src/ for the front-end website, _api/ for the back-end logic and data rules, and
database/ for the SQL setup. This makes the project easy for anyone to read and work on."
Data Modeling (Database Plan): "The database is organized with key tables like users,
posts, and a dedicated followers table. This structure is essential for features like showing a
personalized feed and managing who follows whom."
[Link]:
Fig(1)(Sign in page)
Fig(2)(Home page)
Fig(4)(Notification page)
Fig(5)(Connection page)
Fig(6)(Profile page)
Fig(7)Explore page)
