My social media React application is a platform for users to create accounts, post images, messages, and follow other users and I built this application to get hands-on experience developing a full-stack web application using React, Node.js, Express, and MongoDB.
The application uses API endpoints from one of my own Node.js web application checkout here (https://social.chillsanam.com 🚀) and allows users to view their feed and interact with other users by liking and commenting on their posts. The application is built using React, Node.js, Express, MongoDB, CSS, and HTML. Future development plans include adding more features, improving the UI/UX.
Through building this project, I gained experience with user authentication, posting messages, following other users, and liking and commenting on posts. This project was a great opportunity to practice my skills and improve my knowledge of full-stack web development.
⛔️ Please note that the application is a work in progress, some features might not work.
https://react.chillsanam.com/ 🚀
- Sign In/Up user ✋🏻
- Google Sign In/Up 🚀
- Actions
- Post image 🌆
- Video uploads 🎥
- Comment on Post 💬
- Share Post ✉️
- Like Post ❤️
- Save Post 🛟
- Follow/Unfollow Users 👀
- User profile ⭐️
- Direct Messaging 💬
- Online/offline status 🌐
- Typing status ⌨️
- Video/Voice calling 📞
- Mute/Unmute call 🤐
- Disable/enable video 📷
- Responsivity
- 🖥️ Desktop
- 📱 Mobile
- ⬛️ Tablet
- Edit profile 📝
- Global Messaging 🌍
- Email of message request 📧
- Receive incoming message notification 🔔
Clone the project
git clone https://github.com/Singh233/Social-React-App.gitGo to the project directory
cd Social-React-AppSet up Environment variables (Mac/Ubuntu/Linux)
sudo vi ~/.bash_profileSave bash profile (Mac/Ubuntu/Linux)
source ~/.bash_profileInstall the packages
npm installStart the server (development)
npm run devfor production build follow link
https://vitejs.dev/guide/static-deploy.htmlTo run this project, you will need to add the following environment variables to your .env file
VITE_GOOGLE_CLIENT_ID
https://github.com/Singh233/Social-Media-API
Contributions are always welcome!
Please fork the repository and submit a pull request. Before submitting a pull request, make sure your changes are fully tested and that you follow the existing code style.
Please adhere to this project's code of conduct.
Here are some more Cool Projects
I'm an Aspiring full stack developer... Love to create, design and build cool projects 😎 and have passion for creating innovative solutions to complex problems using cutting-edge technologies. I have a strong understanding of both front-end and back-end development, and constantly seeking to improve my skills in these areas.
If you have any feedback, please reach out to me at sanambir123@gmail.com