Skip to content

krasnw/designerSocialNetwork

Repository files navigation

Social network for UI/UX designers

Vue.js .NET Postgres

A modern web platform for UI/UX designers to showcase their work, interact with clients, and manage their portfolio.

✨ Features

  • 📸 Portfolio Management – Easily create and manage a personal portfolio to showcase design projects.
  • 💬 Real-time Chat – Communicate with clients and other designers instantly via built-in messaging.
  • 💎 In-app Currency System – A built-in currency for premium features and user transactions.
  • 🔒 Protected & Private Posts – Control the visibility of posts with advanced privacy settings.
  • 👥 User Subscriptions – Follow and subscribe to designers for updates and exclusive content.
  • 📱 Responsive Design – Optimized for seamless use across different devices and screen sizes.

🎥 Demo

Main Page

main-demo.mp4

Users portfolio

portfolio-demo.mp4

Post Upload

upload-demo.mp4

Chat ant Tasks

chat-demo.mp4

If demo is not working, you can find it in picturesForReadMe folder

🛠️ Tech Stack

Frontend:

Vue.js TailwindCSS Vite JavaScript

Backend & Database:

.NET Postgres Swagger

Other:

Docker SignalR WebSocket

🚀 Getting Started

  1. Clone the repository:
git clone https://github.com/krasnw/designerSocialNetwork.git
  1. Go to the project’s root directory. Create .env file. Here is the template:
JWT_SECRET_KEY=Secret_key_for_JWT_token_that_is_at_least_32_characters_long

DATABASE=api_database
DATABASE_USER=api_user
DATABASE_PASSWORD=api_user_password

Important

Make sure that JWT_SECRET_KEY is at least 32 characters long. System will not work if it is shorter.

Note

Database related variables are used to connect to the database, so they can be used to externally connect to the database.

  1. Run the following command.
docker-compose up -d --build
  1. Open your browser and navigate to:

🎬 About demo

You can use the following credentials to log in.

Users
username: JohnSmith
password: pass1

username: EthanParker
password: pass3

Admin
username: Administrator
password: pass2

🔌 Ports

  • Backend: 8080
  • Backend Admin: 8082
  • Database: 5433
  • Frontend: 8084
  • Frontend Admin: 8085

About

A social network designed for professionals and aspiring creatives to share their work, learn new things about UI/UX, and get commissioned to design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors