Tugas Besar Milestone 2 IF3110 2024/2025

A web application built to enable users to effortlessly share news updates, connect with others, and send direct messages securely. The platform offers an intuitive interface that facilitates seamless communication and connections between users.

Features 🌟

• Connect with Others: Easily establish connections with other users.
• Feeds: Stay updated with news and updates from your connections.
• Secure Chatting: Send and receive direct messages with your connections in a secure environment.
• Notifications: Receive real-time notifications for new messages and Feeds updates from your connections.

Requirements 🧑‍💻

Before getting started, ensure you have the following:

BackEnd

• NodeJS
• PostgreSQL
• Docker
• Node Package Manager (NPM)

FrontEnd

• NodeJS
• HTML5
• CSS3
• JavaScript
• Node Package Manager (NPM)

Installation Guide 💻

Follow the steps below to install and set up the application on your local machine:

1. Clone the Repository:

   git clone https://github.com/Labpro-21/if-3310-2024-2-k01-15

2. Open the Repository:

   cd if-3310-2024-2-k01-15

3. Ensure Docker Desktop is Running:
   Make sure Docker is installed and Docker Desktop is running on your machine.

4. Build The Image & Container:

   docker compose build

5. Bring Up the Containers:

   docker compose up -d

6. Create and configure the .env file: Copy the example file .env.example and rename it to .env in the root directory of your project.

Running the Application 📱

After installation, follow these steps to run the server:

1. Ensure Docker Desktop is Active.

2. Run the Application:

   docker compose up -d

3. Access the Application: Open your browser and navigate to:

   http://localhost:5173

Note:

• FrontEnd: runs in http://localhost:5173
• BackEnd: runs in http://localhost:3000
• Database: runs in http://localhost:5432

The application should now be running locally, allowing you to explore all features for both jobseekers and companies!

Screenshots 📱

Login

Register

Home / Feed

Profile

Post

Chats

Connections

API Documentation 📖

You can access the API documentation here: API Documentation

Contribution ✅

Server Side

Fitur	NIM
Login	13522005
Register	13522005
Home / Feed	13522025
Post	13522025
Profile	13522025
Chats	13522005
Connections	13522047
Notifications	13522047

Client Side

Fitur	NIM
Login	13522005
Register	13522005
Home / Feed	13522025
Post	13522025
Profile	13522025
Chats	13522005
Connections	13522047
Notifications	13522047

Completed Bonus 🎁

1. UI / UX seperti LinkedIn
2. Google Lighthouse
3. Typing Indicator

Login (Mobile & Desktop)

Register (Mobile & Desktop)

Home / Feed (Mobile & Desktop)

Profile (Mobile & Desktop)

Post (Mobile & Desktop)

Chats (Mobile & Desktop)

Connections (Mobile & Desktop)