Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/97-jeffrey/intake-form
A app allow users to create intake-forms
https://github.com/97-jeffrey/intake-form
Last synced: 5 days ago
JSON representation
A app allow users to create intake-forms
- Host: GitHub
- URL: https://github.com/97-jeffrey/intake-form
- Owner: 97-Jeffrey
- Created: 2024-12-27T22:18:03.000Z (about 2 months ago)
- Default Branch: master
- Last Pushed: 2024-12-27T23:03:59.000Z (about 2 months ago)
- Last Synced: 2024-12-27T23:37:42.070Z (about 2 months ago)
- Language: JavaScript
- Homepage:
- Size: 196 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Intake Form Manager
A dynamic form builder application that allows users to create, manage and preview customized intake forms with various question types.
## Key Features
- Create custom intake forms with multiple question types:
- Single Choice Questions
- Multiple Choice Questions
- Yes/No Questions
- Long Answer Questions
- Real-time form preview
- Edit existing forms
- Delete forms
- Required field validation
- Responsive design
## Tech Stack
- **Frontend Framework**: React.js
- **State Management**: React Hooks (useState, useEffect)
- **Styling**: Vanilla CSS with Flexbox and Grid
- **Development**: Create React App
- **Testing**: Jest and React Testing Library
## Getting Started
1. Clone the repository
```bash
git clone [repository-url]
```
2. Install dependencies
```bash
npm install
```
3. Start development server
```bash
npm start
```
4. Run tests
```bash
npm test
```
## Project Structure
```bash
intake-form-manager/
├── src/
│ ├── components/
│ │ ├── FormBuilder.js
│ │ ├── FormList.js
│ │ ├── FormPreview.js
│ │ └── *.css
│ ├── App.js
│ ├── App.css
│ └── index.js
├── public/
└── package.json
```
## Usage
1. Click "Create New Form" to start building a new form
2. Add questions by clicking "Add Question"
3. Choose question type and configure options
4. Preview form using the "Preview Form" button
5. Save form to add it to your forms list
6. Edit or delete existing forms from the main dashboard