Giter VIP home page Giter VIP logo

sample-proj's Introduction

Household Builder

Household Builder is a simple web application for capturing information about a household applying for health insurance coverage. It allows users to input details about household members and submit the data for processing.

Features

  • Add household members with their age, relationship, and smoking status.
  • Validate data entry for age and relationship fields.
  • Display the list of household members.
  • Remove individual household members from the list.
  • Serialize household data upon submission.

Technologies Used

  • HTML
  • CSS
  • JavaScript (ES5)
  • Jest for testing

Usage

  1. Clone the repository: git clone https://github.com/asaki222/sample-proj.git
  2. Run npm install to install dependencies.
  3. Start the HTTP server to serve the application:
    npx http-server
    

This will start the application on a local server. You can access it in your web browser.

  1. Once opened:

    • Fill in the form fields for age, relationship, and smoking status.
    • Click the "Add" button to add a household member.
    • To remove a household member, click the "Delete" button next to their details.
    • When ready, click the "Submit" button to serialize the household data.

Project Structure

- index.html: HTML file containing the form and UI elements.
- index.js: JavaScript file containing the logic for form validation, data handling, and UI manipulation.
- index.test.js: Jest test file for testing the application logic.
- Testing

Testing

We use Jest for testing the application. To run the tests, execute the following command: ```bash npx test

sample-proj's People

Contributors

asaki222 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.