https://github.com/williamcrownover/qgb-therapy

The professional website of Dr. Quintin Bailey.
https://github.com/williamcrownover/qgb-therapy

a11y accessibility css-flexbox nodejs reactjs single-page-app typescript

Last synced: about 1 month ago
JSON representation

The professional website of Dr. Quintin Bailey.

• Host: GitHub
• URL: https://github.com/williamcrownover/qgb-therapy
• Owner: WilliamCrownover
• License: mit
• Created: 2021-11-21T22:14:18.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-18T02:39:03.000Z (6 months ago)
• Last Synced: 2024-06-18T04:24:03.438Z (6 months ago)
• Topics: a11y, accessibility, css-flexbox, nodejs, reactjs, single-page-app, typescript
• Language: TypeScript
• Homepage: https://qgbtherapy.com/
• Size: 4.25 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# QGB Therapy

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Description

Dr. Quintin Bailey earned his PsyD in Clinical Psychology in November 2021 and was in need of a professional website to elaborate on his clinical services and allow potential new patients to reach out to him for consultation. Working closely with Dr. Bailey, I designed his website structure, user experience, and overall graphic design to compliment his vision. This website is built using React.js framework and is mobile responsive. I designed the CSS from scratch to refine my skills and maintain precise control over the layout. Within the first week of deploying the live site, Dr. Bailey was receiving form submissions from new patients seeking consultations.

August 2022 - I refactored the accessible user experience to meet WCAG 2.1 standards.

January 2023 - I migrated the website from JavaScript to TypeScript.

## Table of Contents

- [User Story](#user-story)

- [Live Site](#live-site)

- [Technologies](#technologies)

- [Accessibility](#accessibility)

- [Future Development](#future-development)

- [License](#license)

- [Contact](#contact)

## User Story

```

AS a recently certified psychologist

I WANT a website that informs potential new patients of my clinical services

SO THAT I can grow my practice and help more people

```

## Live Site

https://qgbtherapy.com/



## Technologies

- React.js

- Typescript

- Node.js

- Custom CSS

## Accessibility

Designing a website with accessibility in mind has become a priority for me as a developer. The first iteration of QGB Therapy did not comply fully with accessibility guidelines due to my lack of knowledge. I have refactored the website to comply with accessibility standards using my newly gained knowledge of accessibility best practices. One particular accessibility win I am proud of was refactoring the custom navigation widget to work with keyboard inputs along with proper implementation of aria-labels for those elements.

## Future Development

As Dr. Bailey’s practice grows, I will continue to update the contents of the site and expand the user experience as needed.

## License

Licensed under the MIT License - https://opensource.org/licenses/MIT

## Contact

If you have any questions you can email me at [email protected].

You can also check out my other work on GitHub at [WilliamCrownover](https://github.com/WilliamCrownover)