DesignFlow

A design sharing platform for various types of digital designers

• I was inspired from the social media applications and why designers can't have a platform for them.This will solve the problem for designers to share there designs to the community to get the exposure and appreciation.

Table of Contents

• Installation
• Usage
• Features
• License
• Badges

Installation

To set up DesignFlow on your local machine, follow these steps:

1. Clone the Repository:

   First, clone the project repository to your local machine:

   git clone https://github.com/TheTharz/DesignFlow

2.Change to the Project Directory:

cd DesignFlow

3.Frontend Setup (Client):

• Navigate to the "client" directory:

  cd client

• Install frontend dependencies:

  npm install

• Start the frontend development server:

  npm start

4.Backend Setup (Server):

• Navigate to the "server" directory:

  cd server

• Install frontend dependencies:

  npm install

• Start the frontend development server:

  npm start

5..env Configuration:

• Create relevant .env filesConfigure your database settings. Update the database connection string in the server's .env file if required.
• In the "server/.env" file:

  PORT=3001
  MONGODB_URI=mongodb://localhost/your-database
  SECRET_KEY=your-secret-key

Usage

• Sign up page

  

• Sign in page

  

• Viewing posts by clicking the post

  

• View other user profiles

  

• Upload your own design

  

• Edit your profile

  

• Edit or delete your posts

  

• Search posts by patterns

  

• Demo of login and homepage not the full functionality

  design.flow.demo.-.Made.with.Clipchamp.mp4

Features

• Sign in and sign up with proper authentications
• View other designers designs
• Like and unlike other designers posts
• Save copies of designs
• Contact the customer care if needed
• Edit own profile
• Share your own design
• And some more...

License

This project is open-source and available under the MIT License.

---

Badges