EformX is a powerful, full-stack form management application that allows users to create dynamic forms, share them with public links, and track responses in real-time. Designed with a focus on modern aesthetics (glassmorphism) and seamless user experience.
- Drag-and-Drop Form Builder: Easily create and arrange form fields.
- Dynamic Field Types: Support for text, email, number, textarea, and more.
- Public Form Links: Share unique URLs for respondents to fill out forms.
- Real-time Response Tracking: View and manage submissions immediately.
- Authentication System: Secure login and registration for form creators.
- Modern UI/UX: Overhauled design with glassmorphism, smooth animations, and responsive layouts.
- React 18 (with Hooks & Context API)
- Vite (Build Tool)
- Tailwind CSS (Styling & Design System)
- dnd-kit (Drag and Drop functionality)
- Axios (API Requests)
- React Router Dom (Navigation)
- Laravel 12 (PHP Framework)
- Sanctum (API Authentication)
- PHP 8.2+
- PHP 8.2 or higher
- Composer
- Node.js & npm
- SQLite (or your preferred database)
- Navigate to the
backendfolder:cd backend - Install dependencies:
composer install
- Configure environment:
cp .env.example .env php artisan key:generate
- Run migrations:
php artisan migrate
- Start the server:
php artisan serve
- Navigate to the
frontendfolder:cd frontend - Install dependencies:
npm install
- Configure
.env: Make sureVITE_API_BASE_URLpoints to your backend (default:http://localhost:8000/api). - Start the development server:
npm run dev
/frontend: The React application, containing the UI components, pages, and context providers./backend: The Laravel API, managing database logic, authentication, and form data./frontend/src/pages: Contains the 7 core pages of the app:- Dashboard, Form Builder, Login, Register, Public Form, Responses, and Response Viewer.
MIT License