-p-2600.png)
Details About The Form & Code Base.
- Zipcode API (on load)
- Address Validator
- Router v6
- React Script 5.0
- Tailwind CSS 3.0
- axios POST
- Lottie Files (animations)
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
git clone the repository
git clone git@gitlab.com:forms7/medicare-form.git
open terminal and install all neccesary libraries
npm i
-
- Created initial template from create-react-app
- fixed multifolder issue
- installed tailwind
- installed following libraries:
- tailwind
- axios
- react-number-format
- react-toastify
- react-router
- react-router-dom
- ziptastic
- jquery
- lottie player
- Added in custom font for ThiccBoi
- Added Headless UI
- installed Hero Icons
- Created Landing Page jsx & css files
-
- created landing page
- added function for adding more elements in the landing page
- added banner on top
- started function for zipcode validation
- added function for state passs between components
-
- Finalized Initial design
- added how it works
- added CTA
- added navbar
- added footer
-
- Changed Navbar height
- Optimized landing page
- added button interactions
- changed "how it works" section
- fixed footer
-
- Finalized landing page
- updated navbar
- started api call for zipcode verification which produced a bug
- created a webpack config file
- started a congif ovverrides file
-
-
Added support for routes
- still not done, currently figuring out how to render and switch/navigate
- fixed API bug Click here to view fix
- Got initital first step post done
- fixed issues with polyfill bug Click here to view fix
- New bug with React Router 6 View Here for details
-
-
- Fixed React Router Bug
- Changed package.json file to remove redundent and neglected libraries
- Created first step for Age
- Added functionality for mapping for buttons
- Fixed styling issues
- Added dynamic footer/header
- fixed preload and verifcation zipcode issues
- Added functionality for verification
-
- Added animation for steps
- Added back buttons for forms
- Added Gender Questions
- Aded Enrolled Questions
- Added dynamic header
-
- Fixed bug for viewing
-
- Added Month question
- Added Day Question
- Added Year Question
- Fixed errors with showing correct dates based on months
- Added dynamic filter for months
-
- Fixed remaining issues with the month/day/year
- Added name question
- added address question
- added email + phone question
- wrapped up all post data updates
- wrapped up data gathering for post
- started post but there are issues
- first name does not show
- form type does not show
- gclid params data is incorrect
- phone number does not show
- year does now show
- added all original scripts from v2 code base for GTM - etc
- Started questions for health
-
- Fixed missing bracket issue
-
- Finalized the post from medicare route
- fixed dynamic header from medicare
- Shows correct % in progress bar now
- started thank you page
- started animation for lottie
- started thank you page
- Added script for media alpha
- added script for connect me module
- added final questions and posting for medicare route
-
- Added thank you page
- Added dynamic MA and CM modules
-
- Added all health care routes
- Coverage
- Height Weight
- Income
- Household total
- Pre Existing
- Added dynamic header / footer
- finalzed post questions
- Need to figure out how to hold routes from health to main form questions
- need to figure out dynamic header for main form questions
- need to figure out MA + CM dynamic
- Added all health care routes
-
- quick fix for wrong pattern type on certain fields
-
- Quick fix for css issues on confirm page
-
- attempted to fix bug that doesnt allow users to go to next step for these steps
- first last name
- email phone
- attempted to fix bug that doesnt allow users to go to next step for these steps
-
- Added dynamic header + banner
- just need to figure out bug with input fields
-
- Added and fixed package.json with tpyogrpahy for tailwind
- fixed issues with input fields
- fixed issue with dynamic header/banner
- added new photo
- fixed lottie animation
- added two thank you pages
- added CCPA
- added Privacy Policy
- added Terms & Condition
- added dynamic MA to thank you Med
- added dynamic CM to thank you Med
- added dynamic MA to thank you health
- added dytnamic CM to thank you health
-
- fixed issue with progress bar
- fixed issue with skip button
- finalized form
-
- deployed production level code
-
- fixed buged with allowance on email with null value
- fixed landing page edits
-
- added click2call page
- added welcome back page
-
- added skip buttons to remaining DOB questions
- added skip to address
-
- fixed skip issue on DOB
- fixed issue with dead click
-
- fixed CTA on jumbo intro
- Adujusted Call only pages
- added call now cta in welcome back
- fixed auto complete not working for first and last name
- fixed navbar number TTY
- Added entrance url to post
- Added Phone to bottom of form in Medicare Route
- Added DOB bug fix for skip
-
- Finalized all fixes
- optimized for production level
- How we fixed: This Component did catch is the only way we were able to bypass polyfills and allow the api to run correctly. The way we have it is on initial load, we load the api from the loadZipCode api. Then we let it stay as an intial value which goes into the component did catch button click on submit. Then we update local storage, and value inputs to the api based call
## Status: FIXED on v2.5.0.5
- Is tied with API bug but when we make api calls or use a library that uses react 5 or polyfills we need to make sure the library is updated, or need to figure out a work aroud.
## Status: FIXED on v2.5.0.6
- How we fixed: React Router v6 is really functional based, 2.5 is writen component based. We reverted back to 5.3.1 version to utilize component based rendering and routes. Perhaps we may update once we come with a fix or a workaround to use v6.