WordGarden banner

WordGarden

45 devlogs
119h 15m 44s

WordGarden is a iOS vocabulary learning with gamified experiences like AI generated quiz, flashcards, Grow a Garden, Word Of The Day, and even streaks widget like Duolingo.
The app is integrated with Hack Club AI and other APIs.
https://wordgarden.web.app/

TestFlight link is in demo URL

This project uses AI

Used github copilot completion fixing bugs, and chatgpt for ideas in UI as I’m rlly bad in ui.

Loading README...

nok

Made discover view components support dynamic height and enhanced ui in vocab view.

Attachment
Attachment
0
nok

better UI logic for flashcards @ ipad/desktop

Attachment
1

Comments

nok
nok 3 days ago

still haven’t fix macOS and ipadOS ui yet Im too lazy and too busy cryin 💀

nok

Shipped this project!

I made the more polished version of WordGarden, an iOS app that helps you grow and organize ideas. Some features are not finished yet but half of the app is polished, the core and some related functions worked.
I learned a lot about building an app from scratch, figuring out how features fit together and dealing with problems that come up when things don’t work the way I expect. I also learned how important it is to keep testing while building. KEEP BUILDING KEPP TESTING!

**NOTE: Pls don’t use GitHub release, use TestFlight link instead.

nok

hide apple intelligence option from unsupported device
and add settings for mac Command + ,

Attachment
Attachment
0
nok

Added actions support!

Attachment
0
nok

moved XP bar position and enhanced AI page UI, and some minor UI polish

Attachment
Attachment
0
nok

Enhanced the coreml model
Now the result is more accurately but word phrase is still being developed

Attachment
0
nok

fixed another ipad ui crash, and fixed the size of tree on ipad window

Attachment
Attachment
1

Comments

Vulcan
Vulcan 21 days ago

i just checked out the website, and the app looks amazing man! i’m aiming to build an app as well, would love some advice

nok

polished the live activities widget

Attachment
Attachment
0
nok

fixed ui crash on ipad, polished user experience, added hold 3 sec to stop timer.

next is to train my own vision model i guess

Attachment
Attachment
0
nok

did some ui enhancement on focus timer and reviewed ai chat view

Attachment
Attachment
0
nok

made test api request even shorter, and added a limit of token requested, to spend less token

Attachment
0
nok

redesigned the UI of flashcards agin again and again. hopefully this is the finalised ver. and fixed the checkboxes still showing after the words are deleted.

Attachment
Attachment
Attachment
2

Comments

Toni
Toni 30 days ago

looks great 😲

nok
nok 29 days ago

thanks!!

nok

redesigned flashcards view, refactored logic of Edit button

Attachment
Attachment
Attachment
0
nok

redesigned the UI of discover page , and AI chat.

Attachment
Attachment
Attachment
0
nok

Shipped this project!

Hours: 26.53
Cookies: 🍪 680
Multiplier: 25.65 cookies/hr

I made the updated version of WordGarden, v1.0.8 , WordGarden is an iOS app that helps you grow and organize ideas. A few features are not finished yet and the app isn’t fully polished, but the core works.

I learned a lot about building an app from scratch, planning the app, figuring out how features fit together and dealing with problems that come up when things don’t work the way I expect. I also learned how important it is to keep testing while building.

nok

Widget

Widget data syncing finally works, perfectly. Spent like 2 hours reading the Apple dev docs, but worth it, cuz finally bridged the gap between the main app and the widget.

The hardest part isn’t the UI, is getting the app and the widget extension to actually talk to each other. becuz they are in separate sandboxes (i hate dat)

Attachment
Attachment
Attachment
Attachment
3

Comments

nok
nok about 1 month ago

i’ve accidentally deleted some old dev logs so i got so long hack time :(

pierreide10
pierreide10 16 days ago

Great app, and you don’t have to pay for the WIDGETS Thanks to the open source developers!

pierreide10
pierreide10 16 days ago

*And with a good WatchOS app

nok

enhanced discover page UI

Attachment
0
nok

added apple watch support, sync works perfectly now

Attachment
Attachment
1

Comments

srsxnsh
srsxnsh 15 days ago

sonder my beloved

nok

Fixed markdown reader support for lines with 4 or more hashtag format

Attachment
0
nok

optimised UI for iPad, fixed the UI crash of settings view, and added menu bar support

Attachment
Attachment
Attachment
0
nok

Remade the focus timer

Attachment
0
nok

the watchOS app, a sketch only, syncing is not working yet

Attachment
0
nok

fixed markdown reader formatting as apple’s native markdown isn’t fully supported some md format

Attachment
Attachment
0
nok

REMOVED ask AI button in word details

Attachment
0
nok

worked on some suggestions by @The-Wolf ,
-fixed zooming slide bar overlap
-stop playing definition or text to speech after leaving the word details page

To be fixed: for vocab with 2 or more word, it only fetches the first word’s definition

Attachment
0
nok

enhanced chat UI,
and added markdown support in reader of terms of service and privacy policy, still fixing some bugs

Attachment
Attachment
0
nok

Shipped this project!

Hours: 2.7
Cookies: 🍪 53
Multiplier: 19.66 cookies/hr

I finally made it on TestFlight!
Thanks a lot to @amber ‘s help.

nok

Revised settings page, added icons and hack club ai as a option of provider

Attachment
Attachment
Attachment
0
nok

Added more notification template, to be more fun

Attachment
Attachment
Attachment
0
nok

updated About section, privacy policy and terms of service now fetches from web and not longer being hard coded

And updated credits.html in website
https://wordgarden.web.app/credits

Attachment
Attachment
0
nok

redesigned settings page, profile page and add more functions to settings

Attachment
Attachment
Attachment
0
nok

added Version ID in admin dashboard for better management and development.
added Loading animation

Attachment
Attachment
0
nok

fixed AvgToken/Request not showing.

Attachment
0
nok

Just added apple foundation model framework for device which supports app intelligence!

Attachment
0
nok

Just added a build version for development, when click Run in xcode, it generate a new build number and build date automatically. though it’s for developent, it can still be useful when user got a bug and dev can check and fix it more easily.

Attachment
0
nok

just added a graph of AI usage and the Add user button is finally working!

Attachment
Attachment
0
nok

Fixed some bugs in api dashboard. Usage limit now works with the client (app) , but Avg Tokens/Req still need more fix.

Attachment
0
nok

just finished about 70% of the admin dashboard panel for the WordGarden AI API with cloudflare AI workers, you can check the code https://github.com/alexlam0206/api/ , and to learn how i integrated firebase user UID with cloudflare token exchanging for quota limit of AI request, Although the limit setting is still in progress.

Attachment
0