UI Redesign and Separate Frontend/Backend Architecture for Form2Mail

[v-ishnu]

The current Form2Mail project needs a modern UI redesign and a cleaner project structure by separating the frontend and backend into independent applications.

This will improve:

• Maintainability
• Scalability
• Deployment flexibility
• Developer experience
• UI/UX

Tasks
Frontend UI Redesign

• Create a modern and responsive UI
• Improve form submission experience
• Add loading, success, and error states
• Improve mobile responsiveness
• Add clean dashboard/pages styling
• Better typography, spacing, and animations
• Improve accessibility

Separate Frontend and Backend
Frontend

• Move frontend into a separate project/repository or /client
• Use environment variables for API URLs
• Connect frontend with backend APIs
  - Tech Stack
• React / Next.js
• Tailwind CSS
• Axios

Backend

• Move API/server into separate /server
• Create clean REST API structure
• Add proper middleware and validation
• Improve error handling
• Configure CORS properly

Expected Structure

form2mail/
├── client/ # Frontend
└── server/ # Backend

[Nid-hex]

Hello
I’m interested in contributing to this issue.
I’ve reviewed the requirements and would like to work on the UI revamp and project restructuring.

Could you please assign this issue to me?
Thank you!