Skip to content

Switch to daisyUI #20

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
yell0wsuit merged 95 commits into from
Dec 20, 2024
Merged

Switch to daisyUI #20

yell0wsuit merged 95 commits into from
Dec 20, 2024

Conversation

@yell0wsuit
Copy link
Collaborator

@yell0wsuit yell0wsuit commented Dec 10, 2024 •
edited
Loading

  • Switch from Bootstrap to daisyUI + Tailwind CSS

    • While Bootstrap was the foundation of the modern UI for iSpeakerReact, we felt it was too "similar" to other websites that also use Bootstrap. Bootstrap's limited customization options often constrained us within its predefined design system. Using TailwindCSS, we can finally break free of that, and pairing it with daisyUI we can make the app more customized. We chose green as the primary color palette for its soothing and visually accessible qualities, making it a better choice than the default blue for enhancing user experience and reducing eye strain.

  • Revamp / Overhaul the UI

  • Use Sonner for showing notification

Bug fixes:

  • Fix "Practice" tab in the Exam section for some topics that causes app crash.
  • Setting reset now resets the UI theme.

Screenshot preview:

Expand this

@yell0wsuit
New daisyUI commit
ed4ef59 
- new UI
- this commit for Sounds
- decouple & organization
- add Sonner Toast
@yell0wsuit
Update packages
85f4179
@yell0wsuit
Update index.jsx
e289b28
@yell0wsuit
Add footer
86bac24
@yell0wsuit
Make the tab stick to top when scrolling
c53e92e
@yell0wsuit
Prevent overflow when iframe is loading
8d25628
@yell0wsuit
Minor tweak to tabs for Sounds
6ddaed4
@yell0wsuit
Update back icon for Sounds
25a9653
@yell0wsuit
Update PracticeSound.jsx
fb3ea93
@yell0wsuit
Accent dropdown: add emojis
5de6cd5
@yell0wsuit
Update tailwind.config.js
14a9815
@yell0wsuit
Update en.json
2cab232
@yell0wsuit
Update dictation quiz UI
d095f0e
@yell0wsuit
Fix some components to make it more WAI-ARIA compliant
98f5792
@yell0wsuit
Update en.json
7c550b4
@yell0wsuit
Update ExerciseDetailPage.jsx
fc1199b
@yell0wsuit
Update DictationQuiz.jsx
45803df
@yell0wsuit
Update ExercisePage.jsx
bee7504
@yell0wsuit
Update MatchUp.jsx
1cf0eb6
@yell0wsuit
Update Reordering.jsx
71ecf4d
@yell0wsuit
Update SortableWord.jsx
0221a49
@yell0wsuit
Update SoundAndSpelling.jsx
d6ae721
@netlify
Copy link

netlify bot commented Dec 12, 2024 •
edited
Loading

✅ Deploy Preview for subtle-platypus-71eb67 ready!

Name Link
🔨 Latest commit f2111a2
🔍 Latest deploy log https://app.netlify.com/sites/subtle-platypus-71eb67/deploys/6765766e66ad160008a09d8e
😎 Deploy Preview https://deploy-preview-20--subtle-platypus-71eb67.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@yell0wsuit yell0wsuit marked this pull request as ready for review December 18, 2024 15:20
@yell0wsuit
Fix image modal not loading; useRef instead of getElementById
ae31088
@yell0wsuit
useRef instead of targeting id for modal <dialog>
b598e4a
@yell0wsuit
Fix video modal practice not showing after it's been loaded
e429cf8
@yell0wsuit
Add toast notification for review
8d8c438
@yell0wsuit
Fix IndexedDB deletion bug
aced958
@yell0wsuit
Update caching mechanism
4cffaa8 
- Auto caching resources (excluding audio and online video)
- Remove Caching option
@yell0wsuit
Minor UI changes
66e3c0a
@yell0wsuit
manifest
9bb2229
@yell0wsuit
{Electron] Use custom video UI
f431832
@yell0wsuit
Update packages
696d96a
@yell0wsuit
use force flag because Vidstack Player does not support React19 yet
ca78d3b
@yell0wsuit
Minor styling fixes
3b7ac80
@yell0wsuit
Properly reset theme when reset setting
666ae43
@yell0wsuit
Update WatchAndStudyTab.jsx
6119cdb
@yell0wsuit
Fix exercise option bug
a735084
@yell0wsuit
Restore maxLength for input
c4dce15
@yell0wsuit
Update vite.config.js
03de3bf
@yell0wsuit
Update ExerciseTimer.jsx
f2111a2
@yell0wsuit yell0wsuit merged commit 8d26cec into learnercraft:main Dec 20, 2024
7 checks passed
@yell0wsuit yell0wsuit deleted the daisyui branch December 20, 2024 14:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

enhancement New feature or request

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@yell0wsuit