Skip to content

Latest commit

 

History

History
126 lines (86 loc) · 3.5 KB

File metadata and controls

126 lines (86 loc) · 3.5 KB


Formr
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 FeaturesHow To UseTech StackRelated

screenshot

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.

  • mongodb
  • express
  • React
  • Next

Related

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


milanb0z.dev  ·  GitHub @milanb0z  ·  Instagram @milanb0z