Skip to content

Feat: add guest mode#14

Merged
kanare-dev merged 11 commits intomainfrom
feat/guest-user
Dec 30, 2025
Merged

Feat: add guest mode#14
kanare-dev merged 11 commits intomainfrom
feat/guest-user

Conversation

@kanare-dev
Copy link
Owner

@kanare-dev kanare-dev commented Dec 30, 2025

Closes #2
Closes #3
Closes #13

- Introduced an authentication context to manage user states (guest, authenticated, migrating) and handle modal visibility.
- Added a migration service to facilitate the transfer of guest notes to authenticated accounts, including progress tracking and error handling.
- Created new components for authentication and migration modals, enhancing user experience during the sign-in and note migration processes.
- Refactored the notes repository to support both local storage for guests and API interactions for authenticated users.
- Updated the main application structure to integrate these new features, ensuring a seamless transition for users moving from guest to authenticated states.

This update significantly improves the application's functionality and user experience by enabling secure authentication and data migration.
- Redesigned the authentication modal to incorporate a modern aesthetic and improved user experience.
- Integrated AWS Amplify authentication, allowing for sign-in, sign-up, and confirmation flows.
- Added form validation for email, password, and confirmation code inputs, enhancing user feedback.
- Implemented loading states and error handling for authentication processes.
- Introduced a new Label component for better form accessibility and styling.

This update significantly enhances the authentication experience within the application.
…guage

- Changed instances of "サインイン" to "ログイン" for a more accurate representation of the login process.
- Updated related text to ensure uniformity in terminology throughout the authentication modal.

This change enhances the user experience by providing clearer and more consistent language in the authentication flow.
- Standardized import statements and formatting for better readability.
- Updated the Guest Banner component with a modern design, including a new layout and enhanced call-to-action button.
- Improved text clarity and consistency in Japanese language throughout the Guest Banner.

These changes enhance the overall user experience and maintainability of the codebase.
- Removed the unused `openAuthModal` import from the `useAuth` hook in the AppContent component.
- This change improves code clarity and reduces unnecessary dependencies.
- Refactored the CloudFront status message in the deploy-static-site workflow to improve clarity and maintainability.
- Introduced a variable for the CloudFront status, enhancing readability and reducing redundancy in the output message.

This change ensures a clearer indication of the CloudFront cache invalidation status during deployments.
@github-actions
Copy link

🚀 Static Site Deployed to dev environment

Preview URL: https://dev.note-app.kanare.dev

Environment Details:

  • S3 Bucket: dev.note-app.kanare.dev
  • API URL: https://api-dev.note-app.kanare.dev
  • CloudFront: ✅ Cache invalidated

Deployed by: @Canale0107

…gement

- Changed the button text from "アカウントを作成" to "ログイン/サインアップ" to better reflect the action for users.
- This update enhances the user experience by providing clearer instructions in the Guest Banner component.
…d users

- Added logic to invalidate note queries when switching to guest mode or after authentication, ensuring data consistency.
- Updated the query key to include `authMode` and repository type for better cache management.
- Improved overall application responsiveness by ensuring queries are re-fetched appropriately based on user state.
- Updated the logout function to cancel ongoing queries and remove note queries for a smoother transition to guest mode.
- Modified the Toast component to handle open state changes more effectively, improving user feedback during notifications.
- These changes enhance application responsiveness and user experience during authentication state transitions.
…lity

- Enhanced the Toast component to manage visibility and rendering more effectively, improving user feedback during notifications.
- Introduced an auto-dismiss feature for toasts, allowing them to disappear after a set duration, enhancing user experience.
- Updated animation handling for smoother transitions, ensuring a more polished appearance of notifications.
- Updated the success messages for note creation, update, and deletion to include the title of the note in the toast notifications, providing clearer feedback to users.
- Modified the delete mutation to pass the note title along with the note ID, improving the context of the deletion action.
- Improved the handling of note deletion in the UI by ensuring the correct title is referenced during the delete operation.
@github-actions
Copy link

🚀 Static Site Deployed to dev environment

Preview URL: https://dev.note-app.kanare.dev

Environment Details:

  • S3 Bucket: dev.note-app.kanare.dev
  • API URL: https://api-dev.note-app.kanare.dev
  • CloudFront: ✅ Cache invalidated

Deployed by: @Canale0107

@kanare-dev kanare-dev merged commit 32e4313 into main Dec 30, 2025
1 check passed
@kanare-dev kanare-dev deleted the feat/guest-user branch December 30, 2025 04:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

トーストが自動で消えるようにする 認証画面のデザインを変更したい ゲストユーザーを使えるようにしたい

1 participant