/PROJECT 08 · LEGACY WEB2 PROJECT

Denurx Landing Page

This React project is a landing page for a telemedicine mobile app that connects patients with healthcare providers. The primary objective of the landing page is to provide information about the app, its features, benefits, and services. It also includes a form for onboarding two user types: patients and healthcare providers using mailchimp.

BUILT BY TAIWO EMMANUEL · FULL-STACK DEVELOPER

VIEW LIVE PROJECT ↗SOURCE CODE ↗HIRE TAIWO FOR A SIMILAR BUILD →

/GOAL

Preserve the useful product context from Denurx Landing Page while keeping the project independently reviewable.

/STACK

Technologies used

dotenv
react
react-dom
react-helmet-async
react-mailchimp-subscribe
react-router-dom
react-router-hash-link
React
Landing Page
minimal
Tailwind CSS

/ARCHITECTURE

How it is built

Interface — Public experienceLegacy interface and interaction surface imported as portfolio evidence.
Project context — Product narrativeImported project details and feature notes remain editable in the owner workspace.
Review boundary — Responsible scopeThe imported record is a draft and requires owner review before public publication.

/SCOPE

What was delivered

Research-Driven Design: The minimalistic design decisions were made based on persona research gathered during the initial stages of the project, aligning with the app’s goals and user needs.
Local Storage for Active Page: Local storage is used to store the active page, allowing users to return to their last viewed section without losing progress.
Onboarding Form: Form allows patients and healthcare providers to sign up using Mailchimp for subscription, collecting user details such as name, contact information, and user type.
Responsive Design: the Landing page is designed to work seamlessly on both desktop and mobile devices using Tailwind CSS.
App Information: the website Provides information about the app’s features, benefits, and services, helping users understand the app’s value.
Minimalistic Use of Colors and Animations: Minimal colors and animations were employed to align with the app’s persona and user expectations.
State-related operations like toggling buttons, hamburger menus, and rendering content dynamically are managed using React.js.
Mailchimp Integration for Forms; Mailchimp was used to manage subscriptions and form submission efficiently for onboarding users.
Persistent Animations: Click state, hover state, and toggle state optimizations ensure that animations remain persistent and smooth.

/NOTES

Scope boundaries

Imported legacy content is an unverified portfolio draft. Review claims, links, project ownership, and visual evidence before publishing.

/GALLERY

Screens

/MORE_WORK