build(deps): add react-router-dom

Install react-router-dom to support client-side navigation. This is a prerequisite for implementing the multi-step authentication flow and other routed features.

Additionally, this commit includes minor copy improvements to the password reset forms for better clarity.
This commit is contained in:
Emmanuel Rizky
2025-08-03 11:50:00 +07:00
parent 18b23119ef
commit b32cf4c374
182 changed files with 288567 additions and 4 deletions

View File

@@ -0,0 +1,31 @@
# System Patterns
This document describes the system architecture, key technical decisions, design patterns in use, component relationships, and critical implementation paths.
## System Architecture
The application is a Single Page Application (SPA) built with React and Vite. It uses a component-based architecture.
## Key Technical Decisions
- Using Vite for a fast development experience.
- Using Tailwind CSS for utility-first styling.
- State management is handled within individual components using React Hooks.
## Design Patterns In Use
- **Component-Based Architecture:** The UI is broken down into reusable components.
- **Stateful and Stateless Components:** Using React functional components with and without state.
## Component Relationships
- `main.jsx`: The application entry point, renders the `App` component.
- `App.jsx`: The root component, currently renders the `AuthPage`. It will be updated to handle routing.
- `AuthPage.jsx`: Manages the display of different authentication forms (`LoginForm`, `SignupForm`, etc.).
- `ChatbotPage.jsx`: A new page that will contain the `Chatbot` component.
- `Chatbot.jsx`: A new component for the chat interface.
## Critical Implementation Paths
- User authentication flow.
- Chatbot interaction and response handling.