https://github.com/franciscoylderlan/habittrackingapplication
Aplicação para acompanhamento de hábitos desenvolvida ponta a ponta para Desktop e Mobile ( Android / IOS ), onde no frontend foi utilizado ReactJS, ReactNative, tailwindcss e no backend para gerenciamento de rotas Fastify, banco SqLite e o Prisma para geração de consultas.
https://github.com/franciscoylderlan/habittrackingapplication
axios expo fastify prisma react react-native sql sqlite tailwindcss typescript zod
Last synced: about 2 months ago
JSON representation
Aplicação para acompanhamento de hábitos desenvolvida ponta a ponta para Desktop e Mobile ( Android / IOS ), onde no frontend foi utilizado ReactJS, ReactNative, tailwindcss e no backend para gerenciamento de rotas Fastify, banco SqLite e o Prisma para geração de consultas.
- Host: GitHub
- URL: https://github.com/franciscoylderlan/habittrackingapplication
- Owner: FranciscoYlderlan
- Created: 2023-01-28T18:15:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-31T11:58:44.000Z (over 3 years ago)
- Last Synced: 2025-04-03T06:34:24.576Z (about 1 year ago)
- Topics: axios, expo, fastify, prisma, react, react-native, sql, sqlite, tailwindcss, typescript, zod
- Language: TypeScript
- Homepage:
- Size: 232 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Habit Tracking Application
The idea is to create a frontend and backend application with mobile and desktop version. Where the user can see and register habits, as well as to track progress during the year.
## Porpuse learning
It's a project motivated to practice conceptions like:
- ReactJS
- ReactNative
- Tailwindcss
- Expo
- TypeScript
- Fastify
- Axios
- Zod (validation)
- Prisma (ORM)
- Sqlite
- SQL
- Build a complete application side to side Backend and Frontend
## Setup
These are all technologies and their import commands.
### Backend
- Fastify
```bash
npm install fastify
npm i @fastify/cors
```
- Typescript
```bash
npm install typescript -D
npx tsx --init
npx typescript --init
npm install typescript -D
```
- Prisma
```bash
npm i -D prisma
npm i @prisma/client
npx prisma init --datasource-provider
```
### Frontend
#### Desktop
- Vite
```bash
npm create vite@lastest
npm install
```
- Tailwindcss
```bash
npm install tailwindcss postcss autoprefixer -D
npx tailwindcss init -p
```
#### Mobile
- Expo
```bash
npx create-expo-app mobile --template
npx expo start
```
- Fonts
```bash
npx expo install expo-font@expo-google-fonts/inter
```
- Tailwindcss
```bash
npm i nativewind
npm i -D tailwindcss
npx tailwind init
```
## 🚀 About me
I'm a web programmer...
## 🔗 Links
[](https://www.linkedin.com/in/franciscoylderlanoliveira/)
## Author
- [@FranciscoYlderlan](https://www.github.com/FranciscoYlderlan)