vee1e/bulk-questionnaire-upload
1
0
Fork 0
mirror of https://github.com/vee1e/bulk-questionnaire-upload.git synced 2026-09-01 17:57:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
bulk-questionnaire-upload/frontend
History
vee1e 5e226a1bb2 feat: add progress indicators
2025-06-23 17:28:08 +05:30
..
public feat: add bulk functionality, tested on 1000 xls files, change other misc. stuff 2025-06-23 15:32:04 +05:30
src feat: add progress indicators 2025-06-23 17:28:08 +05:30
.gitignore feat: add basic wireframes for frontend and working parser code for backend. 2025-06-05 19:12:42 +05:30
angular.json feat: add basic wireframes for frontend and working parser code for backend. 2025-06-05 19:12:42 +05:30
package-lock.json feat: 2025-06-23 04:57:07 +05:30
package.json feat: 2025-06-23 04:57:07 +05:30
README.md feat: add basic logging and metrics. also add docs 2025-06-23 16:43:21 +05:30
tsconfig.app.json feat: add basic wireframes for frontend and working parser code for backend. 2025-06-05 19:12:42 +05:30
tsconfig.json feat: add basic wireframes for frontend and working parser code for backend. 2025-06-05 19:12:42 +05:30

README.md

mForm Bulk Upload

About the Frontend

This frontend is a modern Angular application for bulk uploading, validating, and managing questionnaire forms (in Excel format). It provides a user-friendly interface for users to drag-and-drop or browse files, validate them, upload them to the backend, and view/manage parsed forms and their details.

Main Features

  • Bulk Upload: Drag-and-drop or select multiple Excel files for upload.
  • Validation: Validate all selected files before uploading to ensure correct format and content.
  • Form Management: View a list of all uploaded forms, search by title, and delete individual or all forms.
  • Form Details: Click on a form to view its questions, options, and metadata in a modal dialog.
  • Responsive UI: Built with Angular Material for a clean, modern, and responsive user experience.

Key Components

  • Navbar: Displays the application title and navigation bar.
  • Search: Allows searching forms by title.
  • Upload: Handles file selection, validation, upload, and displays the list of forms and their details.

Project Structure

  • src/app/components/navbar/ - Navigation bar component
  • src/app/components/search/ - Search bar component
  • src/app/components/upload/ - Main upload and form management component
  • src/app/services/ - Services for form parsing and backend API communication
  • src/app/models/ - TypeScript interfaces for form and question data