You are browsing as a guest. Sign up (or log in) to start making projects!

Anidex

By @Stellar

  • 1 Devlogs
  • 6 Total hours

An almanac of the world's species! Users can learn about the various organisms that call Earth their home. They will also be able to identify species right in front of them through the app. This is a joint project with my friend @Bullfrog (https://stardance.hackclub.com/@Bullfrog)!

Source
Open comments for this post

@Stellar on Anidex

6h 4m 39s logged

Frontend Skeleton In Progress

Devlog #1

I’ve got a rudimentary frontend skeleton set up for Anidex (our online nature almanac). I’m not completely sure I want to keep it like this though. The other option is to have a completely solid background based on light/dark mode.

What I’ve Done

  • Made the shadcn sidebar collapse into icons
    • Add said icons
  • Added an indicator of which page you’re on on the sidebar
  • Used the useSidebar hook to dynamically change the width of the main content on the screen
  • Added the main image in the root layout.tsx file
    • Added a slight blur to it
    • Tinted it slightly based on light/dark mode

Next Steps

  • Revert back to the solid background we had before if we don’t like it or can’t make it work (it looks kind of ugly in light mode).
  • Finish the rest of the skeleton on the other pages (as seen on the sidebar)
0
0
4

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…