Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

LearnCodingEasy/Messenger

Repository files navigation

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

This is an image This is an image

FrontEnd Language

  1. Vue
  2. Html
  3. Css
  4. Javascript

Vue Libraries

    • 1️⃣ Tailwind
    • 2️⃣ PrimeVue
    • 3️⃣ scss
    • 4️⃣ Axios
    • 5️⃣ Fontawesome
    • 6️⃣ Pwa
    • 7️⃣ Prism
    • 8️⃣ Swiper

BackEnd Language

  1. Django

Django Libraries

    • 🌐 Django Rest Framework
    • πŸ”’ Django Rest Framework Simplejwt πŸ›‘οΈ
    • 🌍 Django Cors Headers πŸ”—
    • πŸ–ΌοΈ pillow πŸ“·

Plugins

Website Demo

Link Demo

πŸ“¦ Django

  • πŸš€ Activate Virtual Environment πŸ”‹
messenger_virtual_environment\Scripts\activate
  • Go To
cd messenger_django
  • Modifications To Models File
python manage.py makemigrations
  • Modifications To The Database
python manage.py migrate
  • Run Project
python manage.py runserver

πŸ–₯️ Vue

  • Go To
cd messenger_vue
npm run dev
npm run build

πŸ–₯️ Vue Press

  • Go To
cd messenger_vuepress
npm run docs:dev

πŸ“ Create File Gitignore
.gitignore
πŸ–ŠοΈ Write Inside File
node_modules/
πŸ“‹ Review changes and formulate change action
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.
git commit -m "Commit Explain Code"
🌐 This command sends files from (Local Repo) to (Remote Repo).
git push origin main

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /