https://github.com/marijazlatkova/officeapp

The Office Chat App is a social network designed for working, socializing and exchanging information.
https://github.com/marijazlatkova/officeapp

bycrypt data-valdiation expressjs jwt-authentification mongodb nodejs

Last synced: about 2 months ago
JSON representation

The Office Chat App is a social network designed for working, socializing and exchanging information.

• Host: GitHub
• URL: https://github.com/marijazlatkova/officeapp
• Owner: marijazlatkova
• Created: 2023-09-28T17:47:26.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-03T17:31:40.000Z (8 months ago)
• Last Synced: 2025-02-08T19:16:51.565Z (4 months ago)
• Topics: bycrypt, data-valdiation, expressjs, jwt-authentification, mongodb, nodejs
• Language: JavaScript
• Homepage:
• Size: 341 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Office Chat App

The Office Chat App is a social network designed for working, socializing and exchanging information.

# 🚀 Explore the Pages:

## Default Page:

The Default Page serves as the initial landing page for users. It provides the options to either log in with existing credentials or create a new user account. Users can make this choice based on whether they are already registered or new to the platform.

![Alt Text](https://i.imgur.com/XTbE9Mx.png)

![Alt Text](https://i.imgur.com/22gH9aD.png)

## Registration Page: 

The Registration Page is where new users can sign up for the app. During registration, they are required to put essential information, including their name, email, and password. This information is used to create their user account.

![Alt Text](https://i.imgur.com/1aWOcP6.png)

![Alt Text](https://i.imgur.com/HbRA6Qk.png)

## Login Page:

The Login Page is where registered users can access their accounts by providing their email and password. This is the authentication process that ensures only authorized users can access the app's features.

![Alt Text](https://i.imgur.com/0bKWtWX.png)

![Alt Text](https://i.imgur.com/5ADhSey.png)

## Home Page:

The Home Page is exclusively accessible to logged-in users. On this page, users can create new posts, share content, engage with other users, see what other people are posting and stay updated with what they're sharing.

![Alt Text](https://i.imgur.com/S48SbrE.png)

![Alt Text](https://i.imgur.com/vvguEqo.png)

## My Profile Page:

The My Profile Page is a user-specific page available to logged-in users. On this page, users can view their own posts, enabling them to manage their content, also delete their posts if they wish to remove specific content. There is also an option to log out of the application. This feature allows users to securely log out of their accounts, ensuring that their data and sessions are protected.

![Alt Text](https://i.imgur.com/Sat1MW3.png)

![Alt Text](https://i.imgur.com/ZehlZga.png)

# 🌈 Additional Information:

## ✏️ Edit Posts:

Registered users have the ability to edit their own posts directly from their profile pages, providing flexibility in customizing their content.

## ⏰ Timestamps:

Each new post on the Home Page displays the precise creation time, visible to all users, ensuring transparency and accountability.

## 🛠️ Development Details:

During the creation of The Office Chat App, the following tools and technologies were used:

#### 1. *Node.js*

#### 2. *MongoDB*

#### 3. *Express.js*

#### 4. *Express middleware for handling JWT (Json Web Token) and file upload*

#### 5. *Node.js libraries for working with bcrypt, data validation, and MongoDB interactions*

#### 6. *EJS (Embedded JavaScript Templating)*