A web-based survey application designed to collect and analyze lifestyle preference data from users.
This application consists of:
- Frontend: React.js with Tailwind CSS
- Backend: Node.js with Express.js
- Database: SQLite (default) or SQL Server (optional for production)
- Clean and responsive UI
- Collects personal details (Name, Age, Email, DOB)
- Multi-select favorite foods (Pizza, Pasta, Pap and Wors, Other)
- Rating system (1–5 scale)
- Date picker integration
- Robust validation (e.g., Age between 5 and 120)
- Real-time survey analytics:
- Total survey submissions
- Average, minimum, and maximum participant age
- Food preferences breakdown (% choosing each option)
- Average lifestyle activity ratings (Eat Out, Watch Movies, Watch TV, Listen to Radio)
| Technology | Purpose |
|---|---|
| React 18 | Frontend framework |
| Tailwind CSS | Utility-first styling |
| Axios | API communication |
| React Hook Form | Form handling |
| React Router DOM | Page routing/navigation |
| Technology | Purpose |
|---|---|
| Express.js | REST API framework |
| better-sqlite3 | Lightweight SQLite client |
| SQLite | Development database |
| Node.js | JavaScript runtime |
| Tool | Purpose |
|---|---|
| VS Code | Source code editing |
| Postman | API testing |
| Git + GitHub | Version control |
| npm / yarn | Package management |