SocioVerse

SocioVerse is a comprehensive platform designed to streamline society and event management across universities. The platform allows users to explore upcoming and past events, browse societies, and manage roles such as university administrators, society heads, and more.

---

🌟 Features

User Roles

• Super Admin: Manages university admins, assigns roles, and oversees all operations.
• University Admin: Creates, edits, and removes societies within their university.
• Society Admin: Organizes and updates events within their society.

Event Management

• View Upcoming Events with detailed information.
• Track and browse Recent Events in a user-friendly interface.

Universities and Societies

• Easily browse universities and their associated societies.
• Filter societies and events based on preferences.

---

🛠️ Tech Stack

• Frontend: ReactJS with Tailwind
• Backend: ExpressJS (Node.js)
• Database: NeonDB(PostgreSQL)

---

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js and npm

Installation

1. Clone the repository:

   (https://github.com/MuhammadAmmar7704/Db-project)

2. Navigate to the project directory:

   cd SocioVerse

3. Install dependencies for both the backend and frontend:

   cd frontend
   npm install
   cd backend
   npm install

Environment Setup

Create a .env file in the backend folder with the following:

DATABASE_URL=your_database_url
JWT_SECRET=your_secret_key
PORT=5000

Running the Application

1. Start the backend server:

   cd backend
   nodemon server.js

2. Start the frontend:

   cd frontend
   npm run dev

3. Open your browser and navigate to:

   http://localhost:5173
   

---

🖼️ Screenshots

https://imgur.com/QnuEPTc https://imgur.com/z038HLP https://imgur.com/k3PDgnA https://imgur.com/nFWSnnG https://imgur.com/1Brysdp https://imgur.com/OlcBTkW https://imgur.com/kzejMwU

---

📧 Developers

• Team Members: Muhammad Ammar, Muhammad Anas, Ibrahim Abdullah