Plann.er

# TODO

• [] refatorar roteamento das páginas de dados
• resolver bug das datas na entrada dos dados

Frontend - React Vite

Guia do evento

Notion-React

Figma

How to start this project

1. Install Vite

    npm install vite@latest

    cd journey-project
    npm install

Tailwindcss

    npm install -D tailwindcss
    npx tailwindcss init

No arquivo "tailwind.config.js

/** @type {import('tailwindcss').Config} */
    module.exports = {
    content: ["./src/**/*.{html,js}"],
    theme: {
        extend: {},
    },
    plugins: [],}

No arquivo src/input.css

    @tailwind base;
    @tailwind components;
    @tailwind utilities;

    npx tailwindcss -i ./src/input.css -o ./src/output.css --watch

Tailwind variants

    npm install tailwind-variants

Lucide React icons

    pnpm install lucide-react

React router

    npm install react-router@6 react-router-dom@6

React daypicker

    npm install react-day-picker date-fns

Axios

    npm install axios

---

Backend - Node

API Documentação

Guia node

tsconfig NodeBases

Fastify

SQLite

Prisma

Postman

zod

    npm i zod

fastify-type-provider-zod

    npm i fastify-type-provider-zod

Para manipulação de datas dayjs

    npm i dayjs

Para definir quais urls podem acessar sua api Node fastify/cors

    npm i @fastify/cors

Nodemailer e integração auxiliar

Nodemailer

    npm i nodemailer
    npm i --save-dev @types/nodemailer