chukalicious/abortion-app

👋 Hi, I'm Katiuska, Full Stack Web Developer

About

I’m a new software developer with 20 years experience in client relations & operations that span from opportunities in academic institutions, to HR management and government agencies. I have a long trajectory of leveling up my skills and picking up new ones wherever I go because I’m curious and a lifelong learner. I like to teach too when I see others struggling. During my time at a higher learning institution I had the opportunity to create and provide training programs for coworkers for the use of digital tools, like excel worksheets and program management applications for senior teams.

I would love to connect with anyone who’s had a career change into tech, and also with those who believe developers like me have a lot to offer to their organization.

I’m currently ⅓ of the VRMS development team at HfLA. Just released v.3, and have the v.4 of our app in early development.

• Learning : Typescript and MongoDB ⚡

• Hobbies : Music 🎧 Movies 🎥 TV 📺 Books 📗 Video Games 🎮 Hiking 🥾

• Email me : Katiuska Alicea

📫 How to reach me:

LinkedIn

Languages and Tools

abortion-app's Issues

Change the initial state of the state option

When the app loads, the first state in alphabetical order is already selected in the dropdown. Upon clicking the search button not results return for that already selected state (Alabama). Either:

• have a different value selected when the app loads for the first time (preferred), or
• make it so the search button makes the API call to the state already in the search field without having to change the value of the field first (Alabama must be the initial state)

Automatically redirect user to the results component as soon as they click on the search button after choosing a state from the dropdown

find out why the styles are not being applied to the app

Create Gestation Period Component

Text on Results need to be better organized to make easier to read

We need to return a true value when the user is a minor - Age.js

Although the app has age information that can be compared with the fields in the api, the correct boolean value is not happening being returned

This is the main idea:

• Use the age input and compare it to the state's minor's restrictions to determine whether the UI will render minor information
• If user input is less than, then minor's rules must be shown

So far what's happening:

• can collect age
• have minor object in component where I have the age
• can render age
• can pass up the line the age value to the parent components
• a function checking for a boolean for isMinor is working

Do:

• fix function that it shows whether true or false
• test passing that value over the components, manipulate it
• make sure it renders whenever we get information that would update that minor state

Notes:

• if no 'below age' field in the state, then there are no minor restrictions

Make App fully accessible

add icons for the state rules areas

These cards are a bit bare.

• Find simple icons that would represent the information contained in the cards as closely as possible
• choose a card component in DaisyUI that would allow to have an icon area and a text area
• edit the current cards components as needed

The cards are in:

• src/components/StateResults/WaitingPeriods.js
• src/components/StateResults/Minors.js
• src/components/StateResults/InsuranceCoverage.js
• src/components/StateResults/GestationalLimits.js

Create large screen styles

Do on main branch, as this will span many components and we want to minimize the chance of encountering merge conflicts

Relevant documents and research will go here

Create Age component

• checkout new branch for this
• make sure to put this component inside the correct one
• decide which event will trigger the user's input comparison
• #9
• #12

Product Vision Document

Find and implement other state management solution

Drilling down props at this stage is very messy.
This in not a CRUD app so the state's information can be served from a global level and save lines of code and confusion.

Add form validation to Age field

Add validation to the age field.

• the field should not be required
• however, should the user choose to enter a value, it has to be a number
• if it isn't a number the call doesn't get made
• the user is notified of error
• the field is reset to empty string ""