An application which focused on few functionalities of Whatsapp web
whatsappweb
├── backend
│ ├── database.js
│ ├── node_modules
│ ├── package-lock.json
│ ├── package.json
│ └── server.js
└── frontend
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│ └── vite.svg
├── README.md
├── src
│ ├── App.css
│ ├── App.jsx
│ ├── assets
│ │ ├── bg.png
│ │ ├── right.png
│ │ └── video.mp4
│ ├── Components
│ │ ├── Dashboard.jsx
│ │ ├── Landing
│ │ │ ├── Chats.jsx
│ │ │ ├── Landing.jsx
│ │ │ ├── Navigation.jsx
│ │ │ └── Video.jsx
│ │ ├── Left
│ │ │ ├── Friends
│ │ │ │ ├── AddFriend.jsx
│ │ │ │ ├── DisplayFriends.jsx
│ │ │ │ ├── FriendCard.jsx
│ │ │ │ └── FriendDrop.jsx
│ │ │ ├── Left.jsx
│ │ │ ├── Navigation
│ │ │ │ ├── UserDrop.jsx
│ │ │ │ └── UserNav.jsx
│ │ │ └── Requests
│ │ │ ├── DisplayRequests.jsx
│ │ │ └── RequestCard.jsx
│ │ ├── Right
│ │ │ ├── Account.jsx
│ │ │ ├── ChatRoom
│ │ │ │ ├── Chat.jsx
│ │ │ │ ├── ChatDrop.jsx
│ │ │ │ ├── ChatNav.jsx
│ │ │ │ ├── ChatType.jsx
│ │ │ │ └── DisplayChats.jsx
│ │ │ └── Right.jsx
│ │ └── Users
│ │ ├── Forgot.jsx
│ │ ├── Login.jsx
│ │ ├── Passwords.jsx
│ │ ├── Register.jsx
│ │ ├── usercss.css
│ │ └── Verify.jsx
│ ├── index.css
│ └── main.jsx
├── tailwind.config.js
└── vite.config.js
How to run the project in your system
Clone the repo
- cd frontend
- npm install
- npm run dev
- cd backend
- node database.js
- Exit from terminal if database created
- nodemon server.js