feat: add pages #33

Merged

TakahashiNguyen merged 26 commits from develop into main 2026-04-17 06:28:45 +00:00

Conversation 0 Commits 26 Files Changed 28

+1194 -1149

TaNguyenThanhQuy commented 2026-04-15 17:22:39 +00:00

Owner

Copy Link

Copy Source

No description provided.

TaNguyenThanhQuy added 26 commits 2026-04-15 17:22:40 +00:00

Manage Product and List Product e0e64ded9a

docs: comprehensive AGENTS guide for AI development ... 17d82f7239

Update AGENTS.md with detailed project architecture, code conventions, and quick reference guide to help AI understand the codebase structure and development workflow more efficiently.

Key additions:
- Complete folder structure with descriptions (app/, components/, layouts/, lib/)
- File organization and naming conventions
- Code style (TypeScript, Prettier, ESLint, Tailwind)
- Responsive design guidelines
- Markdown documentation update rules
- Type safety and data flow patterns
- Quick reference guide for common tasks
- CSS variables reference
- Useful npm commands
- Common code patterns
- Project status (completed, in progress, planned features)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Feature Analytics e211ee5835

Merge branch 'main' into develop d3a6d1164c

feat: Implement Atomic Design Phase 1 - Atoms Foundation ... eca619b79a

✨ Created complete atoms library (21 components):
- Buttons: Button, IconButton with variants (primary, secondary, danger, ghost)
- Inputs: TextInput, SearchInput, Textarea with validation support
- Typography: Heading (h1-h6), Text (variants), Caption
- Badges: Badge (5 variants), PriceBadge (formatted pricing)
- Dividers: Horizontal/vertical separators

🎯 Updated existing components to use atoms:
- CartProduct: Now uses Button, Text, Caption atoms
- ReviewModal: Now uses Button, Textarea, Heading, Text atoms

📚 Added comprehensive documentation:
- components/atoms/ATOMS.md: Complete atoms reference guide
- Usage examples, theming, import patterns, accessibility

🏗️ Architecture improvements:
- Foundation for molecules/organisms
- Type-safe components with full TypeScript support
- Consistent theming via CSS variables
- Barrel exports for clean imports

✅ Verified:
- npm run build: Success (✓ Compiled successfully)
- npm run format: All files formatted
- npm run lint: No new errors in atoms

Next: Phase 2 - Create molecules (ProductCard, FormField, SearchBar, etc.)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

docs: Add Phase 1 implementation summary 4f3d807c95

Tái cấu trúc code 50473d799d

Tái cấu trúc manager page ff133edfda

Đóng gói code ở payment page 240155d1f6

Atomic for login page and register page c68ea1f26f

update README.md 7547260e90

Delete IconButton 949badaeeb

Merge branch 'atomic_design' into develop 4e643303c3

feat: Enhance Button component with className prop and update PaymentSummaryCard usage ... ace60e424b

- Added className prop to Button for custom styling
- Updated PaymentSummaryCard to utilize the new Button implementation
- Added nextjs dependency to package.json and package-lock.json

Create staff page 32d40b1dbe

Add Route to staff schedule in manager dashboard 9d9a219ac8

feat: Update styling and improve accessibility in shift schedule components 95d9435694

feat: Implement mobile dropdown navigation and enhance weekly schedule component 4ddce518ac

acp IconButton 127cb32b16

chore: Remove obsolete Blackbox configuration files 7e4a21d412

Fix conflits e326e11bb4

fix: Resolve merge conflicts and clean up imports in multiple components 460e8a4ac1

Enhance formatting and readability of the Register Shift feature documentation by adjusting line breaks and indentation for better clarity. Update descriptions for roles, functionalities, and UI elements to ensure consistency and improve user understanding. 93552cb9d1

Remove outdated documentation for Register Shift feature 80ff0af3d8

feat: Enhance accessibility and improve UI components ... 6d7dc0b43f

- Updated header and navigation components with aria-labels for better accessibility.
- Modified SearchBar and SearchInput components to include aria-labels and titles for clearer user interaction.
- Changed category sidebar button to include aria-label for improved screen reader support.
- Adjusted payment page table headers to include scope attributes for better semantic structure.
- Enhanced search functionality in Home component to reset category when search query is updated.
- Added accessibility features to buttons in ProductCard and other components for improved usability.
- Introduced a new skill for frontend atomic design methodology with Tailwind CSS.
- Created new skills for prompt optimization, UI/UX testing, and website creation automation.

fix: Add className prop to Button component for better styling flexibility cb639704dd

TakahashiNguyen changed title from develop to feat: add pages 2026-04-17 06:28:38 +00:00

TakahashiNguyen merged commit 60b5233e95 into main 2026-04-17 06:28:45 +00:00

TakahashiNguyen deleted branch develop 2026-04-17 06:28:45 +00:00

TakahashiNguyen referenced this issue from a commit 2026-04-17 06:28:47 +00:00

feat: add pages (#33)

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No Label

Milestone

No items

No Milestone

Assignees

Clear assignees

LamViHoang TaNguyenThanhQuy TakahashiNguyen TranHuuDanh

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: FoodSurf/frontend#33