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

  npm install fastify
  npm i @fastify/cors

• Typescript

  npm install typescript -D
  npx tsx --init
  npx typescript --init
  npm install typescript -D

• Prisma

  npm i -D prisma
  npm i @prisma/client
  npx prisma init --datasource-provider

Frontend

Desktop

• Vite

  npm create vite@lastest
  npm install

• Tailwindcss

  npm install tailwindcss postcss autoprefixer -D
  npx tailwindcss init -p

Mobile

• Expo

  npx create-expo-app mobile --template
  npx expo start

• Fonts

  npx expo install expo-font@expo-google-fonts/inter

• Tailwindcss

  npm i nativewind
  npm i -D tailwindcss
  npx tailwind init

🚀 About me

I'm a web programmer...

🔗 Links

Author

• @FranciscoYlderlan