https://github.com/4bdullah7eeshan/messaging-app-frontend
React frontend of a messaging web app that allows users to send messages to each other.
https://github.com/4bdullah7eeshan/messaging-app-frontend
express full-stack-web-development jwt-authentication prisma-orm react rest-api
Last synced: about 2 months ago
JSON representation
React frontend of a messaging web app that allows users to send messages to each other.
- Host: GitHub
- URL: https://github.com/4bdullah7eeshan/messaging-app-frontend
- Owner: 4bdullah7eeshan
- License: apache-2.0
- Created: 2024-11-18T10:43:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-12T15:12:55.000Z (over 1 year ago)
- Last Synced: 2025-04-05T10:31:46.412Z (about 1 year ago)
- Topics: express, full-stack-web-development, jwt-authentication, prisma-orm, react, rest-api
- Language: JavaScript
- Homepage: https://messaging-app-frontend-dusky.vercel.app/
- Size: 471 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Messaging App Frontend
## About
React frontend for a web-based messaging app where authenticated users can chat one-one by sending and receiving messages and files.
## Features
### Authentication
- Sign up
- Sign in
- Sign out
### Profile
Users have full profiles with information such as usernames, display names, DP, and more. It's visibility is based on friendship status.
- View others profiles
- Edit your own profile
### Explore
- Explore new people from the app
### Friendship Management
- Send friend requests
- Accept friend requests
- View incoming and outgoing friend requests
- View all friends
- View more profile info
### Chats
- Start a new chat with anyone
- Open an existing chat
- View all chats
- View all chat messages
- Send text messages in chat
- Send files in chat
## Future Improvements
- **Responsive**: The app is currently not responsive on small devices.
- **Groups**: Allow users to create and send messages in groups.
- **Friendship**: Improve friendship management, such as allowing users to end friendships, cancel outgoing friend requests, and decline incoming friend requests.
- **Chats & Messages**: Allow deleting of chats/messages.
## Getting Started
### Clone Repository
```
git clone https://github.com/4bdullah7eeshan/messaging-app-frontend.git
cd messaging-app-frontend
```
### Install Dependencies & Start Client
```
npm install
npm run build
npm run preview
```
## Background
This project was created as part of [The Odin Project](https://www.theodinproject.com/)'s [Messaging App](https://www.theodinproject.com/lessons/nodejs-messaging-app) project.