Skip to content
Submitted 10 days ago

Todo Applcation | Nextjs, Supabase and SCSS

Gabriel Crispim•430
@sirbiel100
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I mostly proud of doing my first fullstack application by my own. And soon I will be adding authentication for this app to it to become an app that some people I know could use.

What challenges did you encounter, and how did you overcome them?

I've encoutered many challenges, one of them was that I started to use mysql instead of supabase, which for me would be harder to host mysql application, so I asked few developers colleagues and they recommended be supabase. I had to study from scratch and apply it on my application, and finally it worked when I deployed!

What specific areas of your project would you like help with?

I would like for the most help on the good practices of folder organization.

Community feedback

  • Dylan Heslop•1,570
    @dylan-dot-cPosted 10 days ago

    Looking good. You did forget to gitignore you .env file... So you might wanna fix that. I believe the supabase keys aren't really that sensitive as they use them and others to identify you and stuff

    But yh you should still hide them.

    Marked as helpful
    1
    Gabriel Crispim•430
    @sirbiel100Posted 9 days ago

    @dylan-dot-c Oh you are right man, I completely forgot to add it on .gitignore haha. Thank you man!

    1
    Dylan Heslop•1,570
    @dylan-dot-cPosted 9 days ago

    @sirbiel100 supabase is cool actually. I built this memory card game(full stack) where the backend was just a leaderboard to make it competitive, where it counts your flips and how long it took you to solve it. It has 3 difficulties. I first built the API manually using nodejs and sequelize then had to host it. Then when I learned about supabase I used it instead of my custom API and it was great. I don't have to worry about hosting the API by myself or database by myself or anything like that. The project is on my GitHub I think it should be pinned to my profile so you can easily find it. I have to wake the service tho before you can see the leaderboard.

    0
    Gabriel Crispim•430
    @sirbiel100Posted 8 days ago

    @dylan-dot-c I just checked it and wow bro, very well made actually, congrats! In fact supabase saved a lot of our time haha. I didn't know about supabase before but it was so worth to learn it, it saved me.

    0
    Dylan Heslop•1,570
    @dylan-dot-cPosted 8 days ago

    @sirbiel100 yh bro it's great to build back ends in a weekend, one drawback is that it doesn't help you become a real fullStack developer as you are required to build apis, authentication and use database queries and all that by yourself. So I wanna use it for everything here but I wanna be a fullStack dev so I have to use the node/nest/flask to build out my apis.

    0
    Gabriel Crispim•430
    @sirbiel100Posted 8 days ago

    @dylan-dot-c Nice my bro, good luck in your journey as a fullstack! Do you have linkedIn?

    0
    Dylan Heslop•1,570
    @dylan-dot-cPosted 8 days ago

    @sirbiel100 yessir it's on my profile here.

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord