Code Monkey home page Code Monkey logo

project-survey's Introduction

The dental self assessment

To health care professionals, time is invaluable. While chit-chat makes the day tolerable, sometimes there is a desire to skip the samll talk and get to action. As a dental hygienist, a patients' oral care routine is in focus during the visit.

  • By knowing about a patients' routine, desire and special requests before the visit, allows the dental professional to plan and execute the treatment faster and better.

The application

This is a survey-style application with focus on being simple and effective when gathering information and requests from a patient.

  • Name for identification,
  • Dropdowns,
  • Radio buttons,
  • Check boxes
  • Summary
  • and a confirmation.

Technologies used

The application is built using React components, JavaScript and CSS and was built using a mobile-first approach in VScode.

View it live

The project is deployed on netlify, enabling live view from any mobile, tablet or desktop. https://selfassesment.netlify.app

Alternate viewing methods VScode + NodeJS

  1. Clone this project locally to your computer where NodeJS is installed.
  2. Open the project in VSCode
  3. Install required dependencies with npm: npm install
  4. Start the project: npm start
  5. Enjoy!

Areas of improvement

This is a weekly project authored by Cecilia Frånlund at Technigo Frontend Bootcamp week 7. Areas of improvement;

  • work on the styling in mobile & finishing touches
  • further styling on dropdown menus and radio buttons
  • for the checkbox array, adding JS logic to seperate the items, adding coma or eqvivalent.
  • work more on accessibility

project-survey's People

Contributors

sneezan avatar emolsz avatar dependabot[bot] avatar dmnich avatar idlefingers avatar jenniedalgren avatar puj avatar danielmnich 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.