Weekly Planner banner

Weekly Planner

7 devlogs
13h 52m 30s

A weekly planner… short video demo in attachments on last devlog

This project uses AI

red me, supabase policies, sometimes when i am hardstuck i ask questions

Demo Repository

Loading README...

smollcoin

Shipped this project!

weekly planner!
i used react for frontend, shadcn for some ui, also tailwind, supabase for database, auth, and backend, vercel for deployment heehehehe
i finally did a react project after 1 month ! not my first one but my first non vibe coded react project lol
SHADCN is so good…
it was challenging using map. i also need to get used to using hooks… sometimes i can’t identify when i need to use a useRef or a useEffect but i seem to be getting the useState. yes i hope it was useful because it is to me… the only thing lacking is converting to pdf/ other format but i can’t do it…

smollcoin

DEMO VID BELOW

You can edit the hours displayed right now… but it is not stored in as a config (it is in state) sorry guys because i was not expecting to add this feature…

  • i also tried adding a pdf feature but most of them don’t work with tailwind UGHGHUH so… i tried but failed
  • i learnt that i really love shadcn
  • also i did some policy configuration on supabase
    thats all im gonna try to deploy this
Attachment
0
smollcoin

OMG IM SO HAPPY???

  • clicking and dragging works using mouseUp mouseDown mouseEnter
  • tried to optimize using hashmap
  • can add, update, erase on schedule right now
  • dialog for help

storytime… i woke up and realize i didn’t need drag and drop. so i didn’t implement it! i think this solution is even better. MY BIGGEST CHALLENGE IS FORMATTING THE DATE how is this so crazy i keep passing wrong format/ objects/ strings and i keep having to debug via console. i believe i took about 1 hour for the DATES. ok and the grid… it took me another hour to map them out properly… like… i was proud of myself for figuring it out LOL. i think i can use map like a god rn… or maybe not…
ok i will probably add more stuff to support the UX…

Attachment
0
smollcoin

for two hours i did this.

uh

  • task works, can edit and delete and add.
  • table display.

i am not sure how i will be implementing drag and drop in 2 days… i read the docs and i am kinda confused? i only know i have to put the app in a draggable context or something… how cooked am i. it was challenging trying to map rows and columns i got a little confused, but figured it out.
anyways i might have to use AI for help for the DND… i don’t know if i can get it to work it is stressing me OUT!!

Attachment
0
smollcoin

sheesh it works!
it took 1hr 17 minutes to create a nice form but i did it!!
of course i would still need to format it nicely later…
i struggled through with the mapping of components because I am not sure why it needs a key… but still! attached is my work after

67

minutes.

Attachment
0
smollcoin

what i did:


i created the data access object and the hooks for events and scheduled events.

well, at the start it was a little hard figuring out what functions i need to call… and it was my first time trying to use supabase, so I wasn’t very sure. but it got easier because it felt like copy/paste * 8… i am more confident in knowing when to use useState or useEffect, but sometimes I don’t recognize the case and i just get stuck… i am not sure if i can finish this project in a few days, so I will decrease my scope and make it smaller… this time i don’t have anything to show as everything is not hooked up to the ui layer yet but i will #soon in the next devlog… its 2am and i want to sleep…

Attachment
0
smollcoin

what i did


  • added tailwind, setup shadcn
  • setup navigation and pages
  • login/signup page

its my first time using shadcn and i love it… it makes UI work much more simpler??? omg and it looks pretty clean too. It too a while for me th set up because I wasn’t sure if I did it right… The challenging part for me was doing the login page as I wasn’t sure when to use useState…

Attachment
0
smollcoin

hello hello hello… im gonna try to create a weekly planner that has ok UI and UX… but who knows..

what i did


  • set up react
  • thought about db schema
  • make auth with google work

i learnt what is context for while trying to do the auth…
i also learnt different hooks such as useState and useEffect.
i hope to be able to it apply what i have learnt without crying later

Attachment
0