Abstract

The application offers user registration with comprehensive validation, including the ability to upload a user image for their profile. Users can register, sign in using their email and password, and access a clean and user-friendly home page with various widgets. The user profile details are displayed, and the current user can create, edit, and delete posts, as well as add images to their posts. Users can view a news feed of all posts, like and dislike posts, and view comments. Friend functionality is provided, allowing users to add and remove friends, view their friends' profiles, and write posts for other users. The application supports a light and dark mode, and it is fully responsive, ensuring optimal user experience on different screen sizes. The frontend utilises React as the framework, React Router for navigation, Formik and Yup for form and validation, Redux Toolkit for state management with Redux Persist for local storage, and React Dropzone for image uploads.Middleware is implemented to authenticate HTTP requests before sending them to the server. The frontend is built using HTML, CSS, and JavaScript, with extensive use of Bootstrap templates.