Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielpenteado/dentalprocs
An application designed for dentists to monitor the most performed procedures. | React | Typescript | Prisma | React-Native | Fastify | TailwindCSS | SQLite | Node.js |
https://github.com/gabrielpenteado/dentalprocs
apexcharts dayjs expo fastify javascript mysql nativewind nodejs postgresql prisma radix-ui react react-apexcharts react-native sqlite tailwindcss typescript victory-native vite zod
Last synced: about 2 months ago
JSON representation
An application designed for dentists to monitor the most performed procedures. | React | Typescript | Prisma | React-Native | Fastify | TailwindCSS | SQLite | Node.js |
- Host: GitHub
- URL: https://github.com/gabrielpenteado/dentalprocs
- Owner: gabrielpenteado
- License: mit
- Created: 2023-04-14T03:32:18.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-11T03:53:39.000Z (12 months ago)
- Last Synced: 2024-02-11T21:28:48.468Z (12 months ago)
- Topics: apexcharts, dayjs, expo, fastify, javascript, mysql, nativewind, nodejs, postgresql, prisma, radix-ui, react, react-apexcharts, react-native, sqlite, tailwindcss, typescript, victory-native, vite, zod
- Language: TypeScript
- Homepage: https://dentalprocs.onrender.com/
- Size: 1.72 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Dental Procs
An application designed for dentists to monitor the most performed procedures.
## 📑 Contents
- [About the project](#-about-the-project)
- [Web version](#-web-version)
- Built with
- Requirements
- Installation
- [Mobile version](#-mobile-version)
- Built with
- Requirements
- Instalattion
- [Server](#-server)
- Built with
- Requirements
- Instalattion
- [Contributions](#-contributions)
- [License](#license)## 🦷 About the project
Introducing Dental Procs, a specialized application designed for dentists to monitor
the most performed procedures in their clinics and track performance trends over time.
The app permits dentists to create new procedures, associate them with specific days of the week, and provides a comprehensive chart that offers an overview of procedure frequency.## 🖥️ Web version
---
### Build with
![vite](https://img.shields.io/badge/Vite-B73BFE?style=for-the-badge&logo=vite&logoColor=FFD62E)
![react](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)### Requirements
- npm (^9.5.0)
- react(^18.2.0)
- [vite](https://vitejs.dev/guide/)
- [tailwindcss](https://tailwindcss.com/docs/installation)
- [dayjs](https://day.js.org/docs/en/installation/installation)
- [radixUI](https://www.radix-ui.com/)
- [apexcharts](https://apexcharts.com/)
- [phosphor-icons](https://phosphoricons.com/)### Instalattion
1. Clone the repository.
`git clone https://github.com/gabrielpenteado/dentalprocs`2. Install the [**_server_**](#-server) and run it.
3. Access the **_web_** folder in the terminal.
4. Install all packages dependencies.
`npm install`5. Start using.
`npm run dev`### Browser Support
| [](https://www.google.com/intl/en/chrome/)
Chrome | [](https://www.microsoft.com/en-us/edge)
Edge | [](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [](https://www.apple.com/br/safari/)
Safari | [](https://www.opera.com)
Opera |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ | ✅ |
| last version | last version | last version | last version | last version |
## 📱 Mobile version
---
### Build with
![expo](https://img.shields.io/badge/Expo-1B1F23?style=for-the-badge&logo=expo&logoColor=white)
![react-native](https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)### Requirements
- npm (^9.5.0)
- react-native (0.71.8)
- [expo](https://docs.expo.dev/) (~48.0.10)
- [nativewind](https://www.nativewind.dev/)
- [dayjs](https://day.js.org/docs/en/installation/installation)
- [victory-native](https://formidable.com/open-source/victory/docs/native/)### Instalattion
1. Clone the repository.
`git clone https://github.com/gabrielpenteado/dentalprocs`2. Install the [**_server_**](#-server) and run it.
3. Access the **_mobile_** folder in the terminal.
4. Install all packages dependencies.
`npm install`5. Start with expo.
`npx expo start`
## 📡 Server
### Build with
![fastify](https://img.shields.io/badge/fastify-202020?style=for-the-badge&logo=fastify&logoColor=white)
![prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)
![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![sqlite](https://img.shields.io/badge/SQLite-07405E?style=for-the-badge&logo=sqlite&logoColor=white)
![node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)_Note: You can find the server integrated with other databases such as ![mysql](https://img.shields.io/badge/MySQL-005C84?style=flat-square&logo=mysql&logoColor=white) and ![postgresql](https://img.shields.io/badge/PostgreSQL-316192?style=flat-square&logo=postgresql&logoColor=white) in [dentalprocs-server](https://github.com/gabrielpenteado/dentalprocs-server) repository._
### Requirements
- npm (^9.5.0)
- [fastify](https://www.fastify.io/)
- [prisma](https://www.prisma.io/docs/getting-started/quickstart)
- [dayjs](https://day.js.org/docs/en/installation/installation)
- [zod](https://zod.dev/)
- [node.js](https://nodejs.org/en) (v18.15.0)### Instalattion
1. Clone the repository.
`git clone https://github.com/gabrielpenteado/dentalprocs`2. Access the **_server_** folder in the terminal.
3. Install all packages dependencies.
`npm install`4. Run server.
`npm run dev`
## 🤝 Contributions
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
The foundation of the open source community are the contributions, them inspire us to learn and create. Any contributions are greatly appreciated.## 📄 License
This project is licensed under the MIT License. See the [LICENSE.md](https://github.com/gabrielpenteado/dentalprocs/blob/main/LICENSE.md) file for details.
Gabriel Penteado
Full Stack Developer
[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/gabriel-penteado)
[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/gabrielpenteado)
[![Gmail](https://img.shields.io/badge/[email protected]?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])