Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guccio163/clinicsystem
A system for managing clinic's patients
https://github.com/guccio163/clinicsystem
Last synced: 15 days ago
JSON representation
A system for managing clinic's patients
- Host: GitHub
- URL: https://github.com/guccio163/clinicsystem
- Owner: Guccio163
- Created: 2024-03-26T20:55:43.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-03-27T20:16:28.000Z (10 months ago)
- Last Synced: 2024-11-06T13:56:54.567Z (2 months ago)
- Language: TypeScript
- Size: 187 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Clinic System
Aplication below has been created as a recrutitment task.
It has been implemented in Reacct.js for front and Python+FastApi+Firebase for back.
Why these techonlogies?
- Front in React because it is one of the biggest libraries for JS/TS, I know how to use it efficiently and like doing it.
- Back in Python because it has a high level of clarity and fastApi is great
- Firebase for a daatabase beacause anyone firing up this project can use it (after receiving credeentials from me), there isn't any need for creating local databases etc.
- Why even doing backend, when firebase is available directly for web applications? True but without backend server the level of security is much lower, as an added bonus now I can showcase also this skill and knowledge of designing RESTful API.
- Single Page without routing for simplicity, adding react-router-dom wouldn't be a problem :)
this Single Page Application serves as simple system for managing clinic patients:
- adding new patients
- editing existing ones
- deleting them
Add by inputting form at the left bottom side when "Mode" is on "Add" (default)
Delete by clicking "delete" button on the right side of row
Edit by clicking on the "edit" button on the right side of row and editing the form on the left side when Mode is "Edit" (automatically switches after pressing "edit" and goes back to "Add" mode afterwards)
You can also filter them by
- first name
- last name
Filtering is available from the left panel of applications
and sort by:
- first name
- last name
- PESEL
Sort by clicking on the columns' names; then there should appear an arrow pointed up or down and pressing again switches mode (from descending to ascending order and back)
**_ HOW TO _**
to succesfully run the server:
first terminal (for starting server):
~ cd back
~ pip install python-dotenv
~ pip3 install fastapi
~ pip3 install uvicorn
~ uvicorn server:app --reload
second terminal(for starting frontend app):
~ cd front
~ cd clinicFront
~ npm i
~ npm run dev
at the end we open web browser with address listed in terminal after the last command (usually 127.0.0.1:8081)
