Elev8 - Frontend

Elev8 is a dynamic digital platform designed to empower students by providing a unified ecosystem for academic collaboration, hackathon exploration, and community learning. This repository contains the source code for the frontend, built with Vite and React.js.

✨ Key Features

Centralized Collaboration Hub
A unified platform for students to connect, collaborate on projects, participate in academic discussions, and engage in hackathons.

Hackathon Team Formation & Event Discovery
Students can explore ongoing and upcoming hackathons, and send or receive team formation requests seamlessly within the platform.

Integrated Coding Profiles
Students can link their GitHub, LeetCode, CodeChef, and other profiles to display their coding achievements and technical skills.

Real-Time Chat
WebSocket-powered real-time messaging enables smooth communication in study groups, hackathon teams, college communities, and personal chats.

✨ Modules

1. Profile Creation

Integration with platforms like GitHub, LeetCode, CodeChef etc. to showcase coding achievements.

2. College Section

• Group Chat: Real-time messaging with text, emojis.
• Event Announcements: Share details of upcoming events.
• Doubt Solving: Post and resolve academic doubts.

3. Hackathon Section

• Explore Hackathons: Browse ongoing, upcoming and past hackathons.
• Team Formation Requests: Accept or reject team formation requests with user details.

4. Groups & Messages

• Study Group Chat: Real-time messaging for academic collaboration within study groups.
• Personal Chat: Direct, private messaging between users.
• Hackathon Chat: Group chat for hackathon team communication.

🚀 Technologies Used

• Vite: A next-generation frontend tooling that provides a faster and leaner development experience.
• React.js: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.

📸 Screenshots

Profile Creation:

Profile Creation:

Hackathon Discovery:

Hackathon Registration:

Hackathon Requests:

Hackathon Requests:

College Chat:

College Community:

Groups & Messages:

Groups & Messages:

⚙️ Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js and npm installed on your machine.

npm install npm@latest -g

Installation

1. Clone the repo

git clone https://github.com/your_username/elev8-frontend.git

2. Navigate to the project directory

cd elev8-frontend

3. Install NPM packages

npm install

4. Start the development server

npm run dev

The application will be available at http://localhost:5173 by default.