Shout Out is a fully responsive social media application that resembles Twitter in terms of its user interface and functionality. Built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, this project allows multiple users to sign up, create, read, edit, and delete posts. Users can engage with each other through comments. and various content types such as text, images, and GIFs are supported. User authentication is implemented using JSON Web Tokens (JWT), and password security is ensured through bcrypt encryption.
-
React JS, Node JS, Express JS, Mongo DB, ES6, Chakra UI, CSS, JSON Web Token, Bcrypt, Firebase
- User-friendly UI: Shout Out offers an intuitive and user-friendly interface, inspired by Twitter, providing a seamless experience for users.
- CRUD operations: Users can easily create, read, update, and delete posts, empowering them to express themselves and manage their content effectively.
- Multiple user support: The application allows multiple users to sign up
- JWT authentication: Robust user authentication is implemented using JSON Web Tokens, ensuring secure and reliable access to the application.
- Password encryption: Passwords are encrypted using bcrypt, enhancing the security of user accounts and safeguarding data privacy.
- MongoDB Atlas integration: Shout Out leverages MongoDB Atlas as the database, enabling efficient data storage and retrieval for optimal performance.
- Responsive design: The application is fully responsive, seamlessly adapting to different screen sizes and delivering a consistent user experience across various devices.
- Google OAuth2 integration: Users have the option to sign up using their Google accounts, streamlining the registration process and enhancing convenience.
- Form validation: The sign-up form is validated both on the client and server sides, ensuring accurate and error-free user input.
- Support for various content types: Shout Out allows users to post diverse content types, including text, images, and GIFs, promoting rich and engaging interactions.
- Comment functionality: Users can actively engage with posts by leaving comments, fostering discussions, and encouraging community participation.