A feature-rich clone of the popular VK social network built using modern web technologies. This project demonstrates my expertise in frontend development, state management, and API integration while replicating core VK functionalities.
- Efficient and scalable state management with Redux Toolkit.
- Centralized state logic for seamless data flow across components.
- Ensures type safety and improved code maintainability.
- Reduces runtime errors and enhances development efficiency.
- Axios for handling HTTP requests and data fetching.
- Uses JSON Server (db.json) for mock backend and local data storage.
- React
- Redux Toolkit
- TypeScript
- Axios
- Module CSS
- JSON Server (db.json)
-
Clone the Repository:
git clone git@github.com:Alisherov017/Social-Media-VK-.git
-
Navigate to the Project Directory:
cd Social-Media-VK- -
Install Dependencies:
npm install
-
Start the JSON Server:
npm run server
-
Run the Development Server:
npm start
The application and the mock backend will both be available at http://localhost:3000/.
Since the server runs on port 3000, ensure API requests are correctly configured:
export const API = "http://localhost:3000/users";- Ensuring type safety with TypeScript while working on dynamic components.
- Managing complex state logic efficiently with Redux Toolkit.
- Implementing responsive design across various screen sizes.
- Simulating backend behavior using JSON Server.
- Full backend integration for real-time data updates (e.g., Firebase, Node.js).
- Enhancing user experience with animations and transitions.
- Implementing advanced features such as messaging, notifications, and media uploads.
- Adding dark mode and accessibility improvements.
Feel free to reach out if you have any questions or feedback:
- Email: r.alisherovdev@gmail.com
- GitHub: Alisherov017
This project is for educational and portfolio purposes and is not affiliated with VK.