*** em desenvolvimento ***

Pagina inicial

Modal Forms

Steps to config project

BackEnd

To init Backend we need NodeJs

starting backend server

To init package.json (-y to confirm all questions)

$ npm init -y

To help on API functions

$ npm install express 

$ npm install @types/express -D

To help reload node instance when save new code

$ npm install ts-node-dev -D

To config TypeScript

$ npx tsc --init

To run the code (use Script = "tsc")

$ npm run build

ORM - Prisma

$ npm install prisma -D

To see options

$ npx prisma init -h

To init with

$ npx prisma init --datasource-provider SQLite

To create migration asking name

$ npx prisma migrate dev

Client

$ npm install @prisma/client

Cors

$ npm install cors 

$ nmp install --save-dev @types/cors

FrontEnd - Desktop

Steps to config project

starting frontend web

$ npm create vite@latest

go like:
Need to install the following packages:
[email protected]
Ok to proceed? (y) y
✔ Project name: … web
✔ Select a framework: › React
✔ Select a variant: › TypeScript

Tailwind

To install with Vite application

$ npm install -D tailwindcss postcss autoprefixer

$ npx tailwindcss init

Phosphor Icons

To install

$ npm install phosphor-react

Radix-ui

$ npm install @radix-ui/react-dialog

$ npm install @radix-ui/react-checkbox

$ npm install @radix-ui/react-select

$ npm install @radix-ui/react-toggle-group

To fetch - AXIOS

$ npm install axios

Kenn-Slider

$ npm install keen-slider

FrontEnd mobile

Steps to build project

Expo

$ npm i -g expo-cli

$ npx create-expo-app my-app

Expo google fonts

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

Expo linear gradient

$ expo install expo install expo-linear-gradient

Expor SVG

$$ expo install react-native-svg

Expo ClipBoard

expo install expo-clipboard

Expo Notification

$ expo install expo-notifications

Expor notification

$ getPushNotificationToken

React Navigation

To keep area save in different types of phone

$ expo install react-native-safe-area-context

To navigate

$ npm install @react-navigation/native

dependence's

$ expo install react-native-screens

strategy of navigate

$ npm install @react-navigation/native-stack

Phosphor for Native

$ npm install --save phosphor-react-native