Block-Chain-EHR-System Tailwind Templates

Block Chain Ehr System

A secure, decentralized Electronic Health Record (EHR) web application built using React.js and Tailwind CSS, integrated with blockchain-based doctor verification and decentralized access control. BlockCare ensures tamper-proof medical data storage, verifiable identities for healthcare professionals, and privacy-respecting patient record sharing.

BlockCare EHR – Decentralized Electronic Health Record System

BlockCare EHR is a secure, decentralized web application for managing electronic health records using blockchain technology. It ensures that medical data is tamper-proof, access-controlled, and transparently shared only with verified healthcare providers. The application uses React.js and Tailwind CSS on the frontend, and integrates Ethereum smart contracts for identity verification and access control.


Features

  • Blockchain-Based Doctor Verification
    • Doctors are validated on-chain to ensure trust and authenticity.
  • Decentralized Health Record Access
    • Patients have full control over who accesses their records.
  • Tamper-Proof Medical Records
    • Every record update is stored immutably via smart contracts.
  • Responsive UI
    • Modern, clean interface built with React.js and Tailwind CSS.
  • Off-chain Data Storage (Optional)
    • Medical files can be stored on IPFS with hash mapping on-chain.

šŸ› ļø Tech Stack

Layer Technology
Frontend React.js, Tailwind CSS
Routing React Router (BrowseRouter.js)
Blockchain Ethereum, Solidity, Web3.js
Smart Contracts Role-based access control, verification
Testing Jest, React Testing Library
Deployment (To be updated: Vercel / Netlify)

Folder Structure

blockcare-ehr/ ā”œā”€ā”€ public/ │ ā”œā”€ā”€ favicon.ico │ ā”œā”€ā”€ index.html │ ā”œā”€ā”€ logo192.png │ ā”œā”€ā”€ logo512.png │ ā”œā”€ā”€ manifest.json │ ā”œā”€ā”€ robots.txt

ā”œā”€ā”€ src/ │ ā”œā”€ā”€ App.js │ ā”œā”€ā”€ App.css │ ā”œā”€ā”€ App.test.js │ ā”œā”€ā”€ BrowseRouter.js # Routing logic │ ā”œā”€ā”€ index.js │ ā”œā”€ā”€ index.css │ ā”œā”€ā”€ logo.svg │ ā”œā”€ā”€ reportWebVitals.js │ ā”œā”€ā”€ setupTests.js

ā”œā”€ā”€ package.json ā”œā”€ā”€ package-lock.json ā”œā”€ā”€ tailwind.config.js ā”œā”€ā”€ truffle-config.js ā”œā”€ā”€ README.md


Modules Overview

  • Authentication
    • MetaMask wallet connection
    • Role-based access via smart contracts
  • Doctor Registry
    • Verified by an admin authority
  • Record Management
    • Patients can upload/download encrypted records
  • Access Control
    • Patients grant/revoke doctor access

Use Cases

  • Protect sensitive health records from tampering
  • Ensure only verified professionals access patient data
  • Let patients own and control their health information
  • Build a global, interoperable medical data platform

šŸ”® Future Enhancements

  • Add IPFS integration for decentralized storage of medical records
  • Integrate MongoDB for storing metadata and user activity logs
  • Deploy Smart Contracts on Testnet/Mainnet via Alchemy or Infura
  • Add QR-based doctor identity verification
  • Implement user authentication (e.g., MetaMask or Firebase login)
  • Create an admin dashboard for hospital-level insights
  • Mobile responsiveness improvements
  • Enable patient record versioning and history tracking

License

This project is licensed under the MIT License.
Feel free to fork, enhance, and contribute — with credit.


Contribution

Want to contribute? Open a pull request or raise an issue. We welcome feedback, bugs, and new ideas!


🧠 Maintainer

Akshansh Tyagi
šŸ“§ Email: [email protected]
šŸ”— LinkedIn: www.linkedin.com/in/akshansh-tyagi-961691330


Top categories

Loading Svelte Themes