https://github.com/learncodingeasy/messenger
Messenger
https://github.com/learncodingeasy/messenger
axios corsheaders css django fontawesome5 html5 javascript pillow primevue prisma pwa restframework scss simplejwt swiper tailwindcss vue3
Last synced: 10 months ago
JSON representation
Messenger
- Host: GitHub
- URL: https://github.com/learncodingeasy/messenger
- Owner: LearnCodingEasy
- License: other
- Created: 2024-11-12T08:37:26.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-02T20:01:41.000Z (about 1 year ago)
- Last Synced: 2025-01-24T00:37:50.731Z (11 months ago)
- Topics: axios, corsheaders, css, django, fontawesome5, html5, javascript, pillow, primevue, prisma, pwa, restframework, scss, simplejwt, swiper, tailwindcss, vue3
- Language: Python
- Homepage:
- Size: 41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Messenger
## Description
- 🌟 Interactive User Interface: Designed using Vue.js for a smooth and engaging user experience.
- 💬 Instant Messaging Support: Allows real-time sending and receiving of messages.
- 🔐 Identity Verification: Uses Django REST Framework SimpleJWT for secure login and identity verification.
- 👤 User Management: Enables account creation and management of user profiles.
- 🛎️ Notifications: Users receive notifications for new messages.
- 🎨 Interface Customization: Tailwind and PrimeVue libraries used for customizable design and user experience.
- 📱 PWA Support: Installable as a Progressive Web App (PWA) on mobile devices.
- 🔍 Search Capability: Easily search conversations or users.
# Preview Website Image
# FrontEnd Language
1. Vue
2. Html
3. Css
4. Javascript
# Vue Libraries
1. - 1️⃣ Tailwind
2. - 2️⃣ PrimeVue
3. - 3️⃣ scss
4. - 4️⃣ Axios
5. - 5️⃣ Fontawesome
6. - 6️⃣ Pwa
7. - 7️⃣ Prism
8. - 8️⃣ Swiper
# BackEnd Language
1. Django
# Django Libraries
1. - 🌐 Django Rest Framework
2. - 🔒 Django Rest Framework Simplejwt 🛡️
3. - 🌍 Django Cors Headers 🔗
4. - 🖼️ pillow 📷
# Plugins
- Name [Demo](https://learncodingeasy.github.io/RepositoryName/dist/index.html)
# Website Demo
Link [Demo](https://learncodingeasy.github.io/RepositoryName/dist/index.html)
## 📦 Django
- 🚀 Activate Virtual Environment 🔋
```cmd
messenger_virtual_environment\Scripts\activate
```
- Go To
```cmd
cd messenger_django
```
- Modifications To Models File
```cmd
python manage.py makemigrations
```
- Modifications To The Database
```cmd
python manage.py migrate
```
- Run Project
```cmd
python manage.py runserver
```
### 🖥️ Vue
- Go To
```cmd
cd messenger_vue
```
```cmd
npm run dev
```
```cmd
npm run build
```
### 🖥️ Vue Press
- Go To
```cmd
cd messenger_vuepress
```
```cmd
npm run docs:dev
```
___
###### 📝 Create File Gitignore
```
.gitignore
```
###### 🖊️ Write Inside File
```
node_modules/
```
###### 📋 Review changes and formulate change action
```cmd
git status
```
###### 📂 Add all new and changed files to the Staging Area.
```
git add *
```
###### 💾 This command sends the file from the Staging Area to the Local Repo.
```cmd
git commit -m "Commit Explain Code"
```
###### 🌐 This command sends files from (Local Repo) to (Remote Repo).
```cmd
git push origin main
```