Overview:

VueSocial is a practice project where the frontend and backend are separated using Vue, Express, and Socket.io. The frontend code is found under the BlogPhone directory, while the backend code is located in the server directory. The project aims to mimic social platforms like QQ, Weibo, and WeChat, offering features such as messaging, real-time chat, personal profiles, image sharing, and more.

Features:

• Login and Registration: Secure user login and registration functionality.
• Real-time Messaging: Implementing Socket.io for real-time messaging capabilities.
• Profile Customization: Users can change their avatars and update personal information.
• Image Sharing: Ability to upload local images to cloud servers.

Installation:

To install VueSocial, follow these steps:

1. Install dependencies in both the server and BlogPhone directories by running npm install.
2. In the server folder, run node app.js.
3. In the BlogPhone folder, run npm run dev.
4. Open your browser and visit localhost:8081 to access the application.

Summary:

VueSocial is a frontend-backend separated project built using Vue, Express, and Socket.io. It offers various social platform functionalities like messaging, image sharing, profile customization, and more. The project provides a practical exercise in Vue development, real-time communication with Socket.io, and integrating cloud services for image uploads.