Demo: https://inform-app.vercel.app
A web application that allows users to create forms and take surveys.
Want to set up locally? follow Setup Instructions
-
Form Creation Flexibility: Empower users to craft tailored forms effortlessly, adapting to their unique requirements.
-
Seamless Sharing Capability: Enable users to effortlessly share form links with a wide audience, fostering collaboration and data gathering.
-
Submission Tracking and Review: Provide users with the means to conveniently access and assess submitted form responses, streamlining data analysis.
-
Dynamic Post-Creation Editing: Offer the flexibility to fine-tune forms even after their initial creation, ensuring the ongoing relevance and effectiveness of each form.
-
Versatile Question Types with Precision Validation: Equip users with a range of question types, each fortified with meticulous validation:
-
Multiple Choice Queries
-
Text Inquiries
-
Email Address Queries
-
URL Input Queries
-
| Form Fill Up Page | Form Editor Page |
|---|---|
 |
 |
| Form Submissions Page | Dashboard Page |
|---|---|
 |
 |
-
Front-End with Next.js: Next.js, a versatile front-end framework, was utilized to create an interactive and seamless user interface. This choice facilitated efficient rendering and enhanced user experience.
-
Backend with Next.js Serverless Functions: I employed Next.js serverless functions to construct a robust and agile backend. This approach allowed me to handle API requests, data retrieval, and database interactions with precision.
-
Database and Data Storage: The database architecture is based on Supabase Serverless Postgres DB, ensuring data integrity and optimal storage solutions.
-
CI/CD Pipelines: Continuous Integration/Continuous Deployment (CI/CD) is facilitated through GitHub Actions, guaranteeing a reliable and efficient codebase.
| Technology | Description |
|---|---|
| Next.js | A React framework for building web applications. |
| tRPC | A fast TypeScript RPC framework for building APIs. |
| Supabase DB | A serverless Postgres database for storing and retrieving data. |
| Prisma | A type-safe ORM for TypeScript and Node.js. |
| Nextauth | An open source authentication solution for Next.js applications. |
| Tailwindcss | A utility-first CSS framework for building custom designs. |
| Chakra-UI | A modern component library for React |
| Vercel | A cloud platform for deploying and managing web applications. |
| Github Actions | A continuous integration and continuous delivery (CI/CD) platform that allows you to automate your build, test, and deployment pipeline |
