Mern Forms

A form builder using MERN stack. Features a variety of question types like categorize, cloze, comprehension and more.

Install and run

Install client

cd formBuilder
npm run install-client

Install server

cd formBuilder
npm run install-server

Run client

cd formBuilder
npm run client

Run server

cd formBuilder
npm run server

Technologies used

• ReactJS
• TailwindCSS
• Vite
• NodeJS
• ExpressJS
• MongoDB
• Mongoose

Learning

• Using FormData on client side to handle multi-part form data
• Using portals to render modal elements

Challenges

• Prop drilling

Todos

• Migrate app to next.js
• Add typescript support
• Add tests
• Add more question types