<aside> 💡 In this project structure, features are organized as pages. Each page represents a distinct feature of the application and encapsulates its components, state management (store or context), custom hooks, and any relevant logic specific to that feature's functionality.

</aside>

📂 .storybook

This folder contains the configuration and settings for Storybook, a tool for developing UI components in isolation.

📂 public

The public folder contains static assets like HTML files, images, and other resources that are not processed by Vite.

📂 src

The src folder is the main source directory of the React application.

• 📂 assets: This folder contains static assets such as images, fonts, or other media files used in the application.
• 📂 components: React components that are reusable and independent, organized by their functionality.
• 📂 entities: This folder typically contains typescript interfaces representing entities used within the application.
• 📂 hooks: Reusable Custom React hooks used to encapsulate reusable logic across components.
• 📂 pages: This directory contains React components representing individual pages or routes of the application. Each page encapsulates its components, state management (store or context), custom hooks, and any related logic specific to that page's functionality.
• 📂 routes: Configuration and setup for routing within the application, defining how different components are rendered based on the URL.
• 📂 services: Modules for interacting with external services or APIs.
• 📂 store: State management-related files, including the Zustand store.
• 📂 utils: Utility functions or helper modules used across the application.
• 📃 App.tsx: The root component of the application, where other components are typically rendered.
• 📃 main.tsx: Entry point of the application where React is initialized and the main component is rendered into the DOM.

📃 index.html

The main HTML file that serves as the entry point of the React application.