Robust Form - A simple and easy to use Form Builder application like Google Form.
Tags: refinehackathon, supabase, nextjs, mui
Published: 2023-07-20 19:33:51

## What I built 

I decided to build a form builder web application by using [Refine](https://github.com/refinedev/refine) as asked and combined to [NextJs](https://nextjs.org/docs) and [Material UI](https://mui.com/material-ui/getting-started/overview/) to realize the Frontend app and [Supabase](https://supabase.com/) for the the Backend side and I decided to call it **Robust Form**

### Category Submission: 

App built using Refine + Supabase and MUI.

### App Link

https://rf.dilane3.com

### Screenshots 

#### Large screen:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xhpnmnb7hvf9kr0jak06.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ykwz8hz9dr9w2asubliz.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tfg0bi6mask602vsrpc.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pzkloaq13wjnd9cbhwwz.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xpi7kn7an21fv3l89a0h.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q45ecyq2dctruu0l18y0.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsb0m3f69g1py5o68hjj.png)

#### Mobile View:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/svz20epnvf245oufd20d.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sjmnhweegpruh1ercism.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0lt4o3gndp89wo3dgpwq.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i3brhu3837sawiv62pmj.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wd6yw1q0huu9i0du5oh9.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1m6qrd58bitr8aygylzh.png)

### Description 

**Robust Form** is actually a form builder as said above. So, the application will be used to generate forms easily and share it to everyone in order to collect data for scientific researches for example, or other use cases.

### Link to Source Code 

https://github.com/dilane3/robustform

### Permissive License 

MIT Licence

## Background (What made you decide to build this particular app? What inspired you?) 

I was very impressed by how Google Form works, and I didn't really know how to start building this kind of application. That's why I took this possibility to create my own form builder and share the source code in an open source Licence to help others developers to know how to start, how to implement this kind of application.

### How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) 

Oh yes, I learnt alot of new things.

I want to mentionne that, I didn't know what Refine and Supabase were before this Hackaton, so thank you so much for this opportunity. I read the documentation of refine, of Supabase because it was new for me. It was a great experience.

### Additional Resources/Info

Demo of the application [Here](https://youtu.be/3PKOBCIBX6o)

Example of form generated [Here](https://rf.dilane3.com/forms/view/33?key=dbfee7c1-36c6-475c-b7ed-69e38e8a2814)