Mercor Forms

Live at ✨: https://mercor-form.vercel.app

Mercor Forms is my submission to Mercor's Fullstack Coding Challenge as a part of the fullstack developer role application.

The project is a clone of Google Forms, allowing users to create forms and share with the world. Mercor Forms provides creators with granular control and ways to visualize the responses in a beautiful diagramatic way like pie charts.

Technologies

Framework

• React JS
• Node JS
• Express JS
• Mongo DB

Programming Language & Build tool

• TypeScript
• Vite

Additional libraries used

1. Mongoose - A Node. js-based ODM/ORM library for Mongo DB
2. Atom - State management library
3. Chakra UI - UI Components for React Applications
4. TailwindCSS - A utility-first CSS framework for CSS in JSX
5. React Hot Toast - A React library to show toast messages
6. NodeMailer - A Node.js-based mail transfer library

Deployment Services

• Frontend hosted on Vercel
• Backend hosted on Render

Challenge

Requirements (as per the challenge)

Functional

• Allow users to create forms after authenticating their account.
• Implement functionality for users to share forms via unique links.
• Allow users to complete forms.
• Allow form owners to visualize responses.

Optional

• Allow users to submit other media like images, URLs, and files to forms.
• Allow the form owner to share the form to specific emails instead of just via an unique link.
• Create an admin dashboard for form owners to manage their current forms.