FormApp is a Windows Desktop Application built using Visual Basic that replicates the basic functionality of Google Forms. It allows users to create and view submissions. The backend server, built with TypeScript and Express, handles the storage and retrieval of submissions.

• Features
• Screenshots
• Installation
• Usage
• Backend API
• Keyboard Shortcuts
• Contributing

• Create new submissions with fields for Name, Email, Phone Number, GitHub repo link, and a stopwatch.

• View submissions with navigation buttons to browse through entries.

• Hosted backend to handle API requests.

  Additional Features

  • Option for deletion of submitted forms
  • Option for editing submitted form

• Visual Studio (not Visual Studio Code)
• .NET Framework
• NuGet Package Manager (for installing Newtonsoft.Json)

1. Clone the repository:

   git clone https://github.com/shubhsardana29/slidely.git

2. Open the solution file (FormApp.sln) in Visual Studio.

3. Install the Newtonsoft.Json package via NuGet Package Manager:

   • Go to Tools > NuGet Package Manager > Manage NuGet Packages for Solution.
   • Search for Newtonsoft.Json and install it.

4. Build the solution in Visual Studio.

5. Run the application.

The backend is already hosted at https://slidely.onrender.com . If you want to run it locally:

1. cd backend
   

2. Install dependencies:

   npm install
   

3. Run the server:

   npm start
   

1. Open the application.
2. Click on Create New Submission or press Ctrl + N.
3. Fill in the fields and use the Start/Stop button to control the stopwatch.
4. Click Submit or press Ctrl + S to submit the form.

1. Open the application.
2. Click on View Submissions or press Ctrl + V.
3. Use the Previous and Next buttons to navigate through submissions.

1. Open Postman or any HTTP client tool.
2. Send a GET request to https://slidely.onrender.com/[email protected]
3. Replace [email protected] with the email you want to search for.
4. Review the response to see if a submission exists for the provided email.

• Hosted BASE URL: https://slidely.onrender.com

• GET /ping

  • Returns: true

  • Purpose: Health check

    example:
    curl -X GET https://slidely.onrender.com/ping
    

• POST /submit

  • Body Parameters:

  • name (string)

  • email (string)

  • phone (string)

  • GithubLink (string)

  • StopwatchTime (string)

  • Purpose: Save a new submission

    example:
    curl -X POST https://slidely.onrender.com/submit \
     -H "Content-Type: application/json" \
     -d '{
           "name": "John Doe",
           "email": "[email protected]",
           "phone": "1234567890",
           "GithubLink": "https://github.com/johndoe",
           "StopwatchTime": "00:05:30"
         }'
    

• GET /read

  • Query Parameters:

    • index (integer)

  • Returns: Submission object at the specified index

  • Purpose: Retrieve a submission by index

    example:
    curl -X GET "https://slidely.onrender.com/read?index=0"
    

• PUT /update

  • Query Parameters:

    • index (integer)

  • Purpose: Updates a submitted form with given index

    example:
    curl -X PUT https://slidely.onrender.com/update?index=0 \
     -H "Content-Type: application/json" \
     -d '{
           "name": "Updated Name",
           "email": "[email protected]",
           "phone": "1234567890",
           "GithubLink": "https://github.com/johndoe",
           "StopwatchTime": "00:05:30"
         }'
    

• DELETE /delete

  • Query Parameters:

    • index (integer)

  • Purpose: Deletes a submitted form with given index

    example:
    curl -X DELETE "https://slidely.onrender.com/delete?index=0"
    

• GET /search

  • Query Parameters:
    • email (string)
  • Returns: Submission object matching the provided email
  • Purpose: Search for a submission by email

    example:
    curl -X GET "https://slidely.onrender.com/[email protected]"
    

The backend server stores all submissions in a JSON file (db.json) located in the backend folder. Here is an example of how data is stored:

[
  {
    "name": "John Doe",
    "email": "[email protected]",
    "phone": "1239457890",
    "GithubLink": "https://github.com/johndoe",
    "StopwatchTime": "00:05:30"
  }
]

When a new submission is made through the CreateSubmissionForm in the desktop application, a POST request is sent to the backend's /submit endpoint. The backend then appends the new submission to the db.json file.

When the ViewSubmissionsForm in the desktop application requests a submission, it sends a GET request to the backend's /read endpoint with the index of the submission. The backend retrieves the corresponding entry from db.json and returns it.

• Ctrl + N: Create New Submission
• Ctrl + V: View Submissions
• Ctrl + N: Click Next button ( to view next submitted form)
• Ctrl + P: Click Previous button ( to view previous submitted form)
• Ctrl + T: Toggle Stopwatch
• Ctrl + S: Submit Form (on Create Submission page)

Contributions are welcome! Please follow these steps:

• Fork the repository.
• Create a new branch.
• Make your changes.
• Submit a pull request.