https://github.com/akashvaghela09/forms

A web application that allows users to create, distribute, and manage forms similar to Google Forms.
https://github.com/akashvaghela09/forms

form google-forms

Last synced: 18 days ago
JSON representation

A web application that allows users to create, distribute, and manage forms similar to Google Forms.

• Host: GitHub
• URL: https://github.com/akashvaghela09/forms
• Owner: akashvaghela09
• Created: 2023-09-18T17:11:35.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-21T20:32:01.000Z (over 1 year ago)
• Last Synced: 2023-09-22T02:22:47.568Z (over 1 year ago)
• Topics: form, google-forms
• Language: JavaScript
• Homepage: https://forms-app3.vercel.app/
• Size: 688 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Forms - Google Forms Clone

A web application that allows users to create, distribute, and manage forms similar to Google Forms.

## [Demo](https://forms-app3.vercel.app/)

## Features

- User authentication (register, login, JWT validation).

- Create forms with various input types (input field, file upload).

- Share forms via unique links.

- Toggle form submission active status.

- Edit list of allowed users for private forms.

- Public and private form visibility settings.

- Table representation of form responses.

## Tech Stack

- Backend: Node.js, Express.js, JWT, bcrypt

- Frontend: React.js, React Router, Tailwind CSS, Chakra UI

- Database: Supabase (PostgreSQL), GoFiles(file storage)

## How to Setup Locally

1. Clone the repository.

    ```

    https://github.com/akashvaghela09/forms.git

    ```

2. Navigate to the project directory and install the dependencies.

    ```

    cd forms/backend && npm install

    ```

3. Rename `sample.env` to `.env` and fill in the required environment variables.

4. Start the backend server.

    ```

    npm start

    ```

5. Navigate to the frontend directory and install the dependencies.

    ```

    cd ../frontend && npm install

    ```

6. Rename `sample.env` to `.env` and fill in the required environment variables.

7. Start the frontend server.

    ```

    npm start

    ```

## Screenshots

### 1. Registration

![Register](./assets/registration.png)

### 2. Dashboard

![Dashboard](./assets/dashboard.png)

### 3. Create Form

![Create Form](./assets/create.png)

### 4. Form Submission

![Form Submission](./assets/form.png)

## Acknowledgements

- [Supabase](https://supabase.io/)

- [GoFiles](https://gofiles.org/)

## Contributors

- [Akash Vaghela](https://linkedin.com/in/akashvaghela09/)