CardiAI is a modern, high-performance web application designed for cardiology clinics to manage patient data and medical records efficiently and securely.
- 🔐 Secure Authentication: Robust login and signup system with encrypted token storage.
- 📋 Patient Dashboard: Comprehensive overview of all patients with real-time search and pagination.
- 📁 Record Management: Detailed tracking of patient medical records and history.
- 🎨 Modern UI/UX: Built with Shadcn UI and Framer Motion for smooth, accessible, and responsive interactions.
- ⚡ High Performance: Powered by Vite and React Query for lightning-fast data fetching and state management.
- Framework: React 18
- Build Tool: Vite
- Language: TypeScript
- State Management: Redux Toolkit & React Query
- Styling: Tailwind CSS & Shadcn UI
- Animations: Framer Motion
- Form Handling: React Hook Form & Zod
- API Client: Axios
- Node.js (v18 or higher recommended)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/CardiAI-Frontend.git cd CardiAI-Frontend -
Install dependencies:
npm install
-
Set up environment variables: Create a
.envfile in the root directory and add the following (see.env.examplefor reference):VITE_API_URL=https://cardiai-112e49359ba9.herokuapp.com/api VITE_TOKEN_SECRET=your_secure_random_secret
-
Run the development server:
npm run dev
The application will be available at http://localhost:5173.
npm run dev: Starts the development server.npm run build: Builds the application for production.npm run lint: Runs ESLint for code quality checks.npm run preview: Previews the production build locally.
CardiAI takes data security seriously. All sensitive tokens stored in localStorage are encrypted using AES-256 via crypto-js to prevent unauthorized access.
Built with ❤️ for the healthcare community.