Front-end part of the AI-based early disease diagnosis system.
The domain of this software is healthcare, in particular, the early diagnosis of human diseases using image analysis powered by AI. The application can be used as a system for remote computer-aided diagnosis (CAD). It aims to enable users to independently conduct preliminary diagnostics of diseases using images of body parts, making medical services more accessible in the remote areas and increasing the chances of timely detection and treatment of diseases.
- React — library for building web user interfaces
- Zustand — ui state manager
- TanStack Query — asynchrous state manager
- TypeScript — strongly typed programming language that builds on JavaScript
- Vite — frontend build tool
- Material UI — React component library that implements Google's Material Design
app- entry point of the application that defines routing and other global level configurationassets- media files, such as fonts, images etc.env- app enviroment configuration filesi18n- internatization scripts and ui translationslibs- shared utilities and other building blockscomponents- ui components (e.g. buttons, inputs)hooks- custom React hooksenums- shared enumshelpers- helper functionspackages- reusable librariestheme- app theme configurationtypes- utility types
mocks- provides mock REST API implementation for development purposespackages- separate modules for each domain featurepages- app pages
- Optionally create
.envfile based on the example at./src/env, otherwise the app will use development mode configuration. - Install dependencies.
npm install- Run the app locally.
npm run devOpen http://localhost:5173/ in your browser. Voilà - the app is ready to test 🎩
Patient screen
Admin screen
The production deployment is provided by Netlify and available at: https://healthlens.netlify.app/.