Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frckbrice/social-media-frontend
An application that helps people to communicate. they can share text and documents.
https://github.com/frckbrice/social-media-frontend
nextjs14 oauth2 tailwindcss typescript
Last synced: about 2 months ago
JSON representation
An application that helps people to communicate. they can share text and documents.
- Host: GitHub
- URL: https://github.com/frckbrice/social-media-frontend
- Owner: frckbrice
- Created: 2024-01-13T09:50:10.000Z (12 months ago)
- Default Branch: dev
- Last Pushed: 2024-01-19T06:10:56.000Z (12 months ago)
- Last Synced: 2024-03-08T17:34:47.692Z (10 months ago)
- Topics: nextjs14, oauth2, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://wclone.vercel.app
- Size: 1.79 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to Waxchat (whatsapp web clone)
This document outlines the structure, setup and functionalities of Waxchat app. It's is designed for developpers, contributors and users to understand the project and how it works.
# Project Overview
Name: waxchat
**Description**: An online Application that reproduce the core functionality of the web.whatsapp.com app.
**Target audience**: Developers, programmers, students, and anyone interested in learning and practicing coding.
**Tech stack**: Full stack application.
## About
This app reproduce the core functionning of the whatsapp web app. This involve the realtime communication between two users, or a group of users as members of that group.
This includes also the sending of document like text files and image files. This app is alse fully responsive PWA app.
## App
## Build with
This project was built using the following technologies;
Frontend: NextJs, TypeScript, TailwindCss, Firebase-auth
Backend: NestJs, NestJs-Gateway, Mongoose-ODM,
Database: MongoDB-atlas
Assets: Storing images, icons, and other static files
### Prerequisites
Knowledge about JS:
- Basic data structures
- Arrays
- Functions
- Constructors
- Knowledge of webpack (optional)
## Clone project
- To get a local copy up and running follow these simple example steps.
- Clone this repository with `[email protected]:frckbrice/TMS-app-frontend.git` using your terminal or command line.
- Change to the project directory by entering: cd frontend-tasktrec in the terminal.
## Command line steps
- $ git clone `$ [email protected]:frckbrice/whatsapp-clonefrontend.git`
- $ `cd Frontend-Waxchat `
- $ `git checkout feature/[name_of_the _feature]
## Start App
- run `npm install`
- run `npm run dev` in your command line
# Key functionalities
- User authentication: One tap authentication using google Oauth, log in, and log out.
- add DM user from your list of contact
- create group of user
- realtime communication using websocket
- send text message between you and your DM or in the group
- send image and text files
- update user info and image.
- order by last image received
- add a user to an existing group
## Live Site
[Link](https://wclone.vercel.app)
## Author
👤 **avom Brice**
- GitHub: [@frckbrice](https://github.com/frckbrice)
- Twitter: [@evaristeavom](https://twitter.com/evaristeavom)
- LinkedIn: [avom evariste](https://www.linkedin.com/in/avom-brice/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](link to issue page on GitHub).
## Show your support
Give a ⭐️ if you like this project!
## 📝 License (optional)
This project is [MIT](./LICENSE) licensed.