https://github.com/sumansauravmay/reactjs_workflow_builder_application

React Workflow Builder Application
https://github.com/sumansauravmay/reactjs_workflow_builder_application

css expressjs html javascript mongodb-atlas nodejs reactflow reactjs render

Last synced: about 1 month ago
JSON representation

React Workflow Builder Application

• Host: GitHub
• URL: https://github.com/sumansauravmay/reactjs_workflow_builder_application
• Owner: sumansauravmay
• Created: 2024-04-25T11:56:57.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T05:19:20.000Z (12 months ago)
• Last Synced: 2025-01-22T18:51:13.629Z (3 months ago)
• Topics: css, expressjs, html, javascript, mongodb-atlas, nodejs, reactflow, reactjs, render
• Language: JavaScript
• Homepage: https://662e4e6b769e90c623fd4ada--lambent-dragon-6eb7b8.netlify.app/
• Size: 778 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TechStax Assignment

It's a Full Stack Social Media Platform with all the major functionalities





🖥️ Tech Stack


Frontend:



  

  

  

  

  



Backend:




  

  

  



Deployed On:




  



Want to see live preview »





## 🚀 Features

-   whole website is fully Responsive.

-   ReactWork flow builder application with Express,mongodb,Nodejs & React.

-   All Posts in brief manner with Express,mongodb,Nodejs & React.

-   Drag and Drop the CSV file and will be converted in the JSON.

## 🚀 Team Member:-

-   Suman Sourav [[LinkedIn Profile](https://www.linkedin.com/in/suman-saurav-06896b231/)] [[Github Profile](https://github.com/sumansauravmay/)]

## Screenshots

### Homepage -

This is the main landing page of our website.

All pages are responsive.

![landing_page](https://i.postimg.cc/Dz9FKd65/landing.jpg)

### React WorkFlow Page -

Here users can make the workflow and a random id will be generated.

 

 ![Workflow page](https://i.postimg.cc/Dz9FKd65/landing.jpg)

### Drag And Drop Page -

![Drag And Drop](https://i.postimg.cc/RFxrYCCD/draganddrop.jpg)

### Output -

![Drag And Drop_Page_Output](https://i.postimg.cc/QMgWKdyg/output.jpg)

### Video Link -

Video Link»


(https://drive.google.com/file/d/1ZAuTjjZEOuUywhck9jXhX8Ke4wiQh9ct/view?usp=sharing)

## Run Locally

Clone the project

```bash

  git clone https://github.com/sumansauravmay/ReactJs_Workflow_builder_application.git

```

Go to the project directory

```bash

  cd tech_stax

```

Install dependencies for tech_stax as well as backend

```bash

  cd tech_stax

  npm install

```

```bash

  cd Backend

  npm install

```

Start the localhost server

```bash

  cd tech_stax

  npm start

```

## Deployed link

### Netlify Link

[https://662e4e6b769e90c623fd4ada--lambent-dragon-6eb7b8.netlify.app/](https://662e4e6b769e90c623fd4ada--lambent-dragon-6eb7b8.netlify.app/)

## Show your support

Give a ⭐️ if you like this project!