Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 |

Awesome Lists containing this project

README

        




Dental Procs



An application designed for dentists to monitor the most performed procedures.


license

npm version

website status

## 📑 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.






Video


Website


















## 🖥️ Web version








Screenshot-1


Screenshot-2


Screenshot-3


Screenshot-4




---

### 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

| [Chrome](https://www.google.com/intl/en/chrome/)
Chrome | [Edge](https://www.microsoft.com/en-us/edge)
Edge | [Firefox](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [Safari](https://www.apple.com/br/safari/)
Safari | [Opera](https://www.opera.com)
Opera |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------: |
| ✅ | ✅ | ✅ | ✅ | ✅ |
| last version | last version | last version | last version | last version |


## 📱 Mobile version



---






Video













### 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])