Healthcare Seeker-Provider Platform

This project aims to create a specialized healthcare seeker-provider platform where users can connect with experienced care providers. It provides a user-friendly interface with interactive forms, a profile info page, and a list of user profiles.

Note: The home page template used in this project was sourced from nicepage.com. It was utilized solely for demonstration purposes during the client pitch. The actual development work focused on creating the UI components and functionality described below.

Features

• Interactive Forms: Engage users with animated checkboxes and stylized inputs for an enhanced data collection experience.
• Profile Info Page: Display user details, qualifications, and expertise in an attractive and informative layout.
• User Profile List: Browse and search through a list of healthcare seekers and providers with ease.

Preview

The landing page :

Form UI :

View Profile's :

Detailed Profile View :

GIF's

GIF of the Interactive Checkbox :

Full flow walkthrough :

Technologies Used

• HTML: Markup language used to structure the web pages.
• SCSS: CSS preprocessor utilized for styling the UI components.
• JavaScript: Basic JavaScript functionality implemented for interactive features, validation, and form submission.

Getting Started

To get a local copy of the project up and running, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/healthcare-platform.git
2. Navigate to the project directory: cd healthcare-platform
3. Open the index.html file in your preferred web browser.

Usage

• Fill out the interactive forms to provide necessary information.
• Explore user profiles in the list view and click on each profile for more details.
• Edit your own profile information on the profile info page.

Contributing

Contributions are welcome! If you have any ideas or suggestions to improve this project, please follow these steps:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/your-feature
3. Make your changes and commit them: git commit -m 'Add your feature'
4. Push to the branch: git push origin feature/your-feature
5. Open a pull request with a detailed description of the changes.

License

Free to use by anyone.

Note

• I have used a template provided by Nice page (https://nicepage.com/) only for the home page for demo purpose.
• Apart from the landing page all work was done from scratch. This project uses HTML, SCSS & Javascript.

Note: The client pitch for this project did not materialize into a full development engagement. The work showcased here is a demo created for presentation purposes.