Formr

Drag-and-drop form builder with tracking.

Formr is a Google Forms clone that simplifies form creation with a drag-and-drop builder, multiple question types, and real-time tracking. It offers seamless invite sending and custom link sharing, making form management efficient and user-friendly.

Key Features • How To Use • Tech Stack • Related •

Key Features

• Drag-and-Drop Form Builder

  • Easily create forms with an intuitive drag-and-drop interface.

• Multiple Question Types

  • Customize forms with a variety of question types, from text to multiple-choice.

• Custom Link Sharing

  • Generate unique links for easy sharing and quick access.

• Invite Sending and Tracking

  • Send invites and track who has responded, all in one place.

• Real-Time Response Tracking

  • Monitor form responses as they come in, instantly.

• User-Friendly Interface

  • Designed for a smooth and efficient form-building experience.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

Installation

This project have two parts, backend and frontend.

Backend installation

1. Clone the repo

   git clone https://github.com/milanb0z/forms-manager.git

2. Install NPM packages

   npm install

3. Create Environment Variables .env

   PORT=3001
   MONGO_URI=<MONGO_DB_URL>
   
   JWT_SECRET=<JWT_SECRET>
   NODE_ENV=development
   

4. Run Server

   npm start

FrontEnd installation

1. Enter /client folder

   cd client

2. Install NPM packages

   npm install

3. Run App

   npm run dev

4. View app Here

Tech Stack

This project was developed using the MERN (MongoDB, Express.js, React, Node.js) stack, along with several other essential technologies and tools.

• 
• 
• 
• 

Related

Portfolio Blog Post - Learn more about story and features of app

---

milanb0z.dev  ·  GitHub @milanb0z  ·  Instagram @milanb0z