Folder Structure

• Directorypublic

  • favicon.ico
• Directorysrc

  • Directoryapis

    • index.js
    • users.js
  • Directoryassets

    • Directorydata

      • index.ts
    • Directoryicons

      • index.ts
    • Directoryimages

      • index.ts
    • Directorystyles

      • globals.css
  • Directoryconfig

    • defaults.ts
  • Directorypages

    • Directoryhome

      • index.tsx
  • Directoryservices

    • Api.ts
    • server.js
    • tokens.json
  • Directorytypes

    • db.d.ts
  • Directorywidgets

    • Directorybottom-sheet

      • index.tsx
    • index.tsx
  • App.tsx
  • AppStore.tsx
  • AppUtils.ts
  • index.tsx
  • vite-env.d.ts
• .env.local
• .gitignore
• index.html
• package.json
• postcss.config.js
• README.md
• tailwind.config.js
• tsconfig.json
• tsconfig.node.json
• vite.config.ts

Conventions to follow

• All page files are placed under the pages directory.
• All reusable components should be placed under the widgets directory.
• All API query files should be placed under the apis directory.
• Utility functions should be written in AppUtils.ts.
• File names should be in lowercase and use hyphens to separate words.