A Hacker News Clone Brazilian Nut News: Where the Best News Rises to the Top

About the Project

Remix Next.js

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui voluptate ex fugiat cupidatat minim minim. Cupidatat fugiat incididunt proident fugiat labore ut exercitation nisi laborum ad exercitation cillum enim officia et. Culpa exercitation ut qui.


Project Requirements

One of the main things that separates a junior developer from a senior developer is their opinions.

View Project on Figma Figma
Brazilian Nut News
You have to be logged in to upvote a link
Once someone’s link has been upvoted 50 times, they have enough “Karma” points to down vote
Tailwind CSS

All styling is done with Tailwind CSS.

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non.

When the user scrolls down the navigation bar appears on screen and sticks to the top
There are 2 different versions of the navigation bar
One for when the user is NOT logged
One for when the user IS logged
App Home Header Bar

Other Tools & Tech

Storybook

One of the main things that separates a junior developer.

View Published Storybook Storybook
Supabase

One of the main things that separates a junior developer from a senior developer is their opinions.

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui

Screenshot of Supabase
Supabase Database Visualization

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui

Prisma GraphQL Apollo
GraphQL Playground
Open Quotes

One of the main things that separates a junior developer from a senior developer is their opinions.

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui voluptate ex fugiat cupidatat minim minim. Cupidatat fugiat incididunt proident fugiat labore ut exercitation nisi laborum ad exercitation cillum enim officia et. Culpa exercitation ut qui.


Frequently Asked Questions


About Me

One of the main things that separates a junior developer from a senior developer is their opinions.

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure

Subscribe

to my

Newsletter

Irure eu laboris irure nisi aute voluptate aliquip duis deserunt ullamco labore do. Ex laborum eu nulla elit velit cupidatat duis occaecat do. Veniam incididunt do incididunt laborum fugiat non. Adipisicing veniam ut deserunt sint excepteur eu irure ullamco qui voluptate ex fugiat cupidatat minim minim. Cupidatat fugiat incididunt proident fugiat labore ut exercitation nisi laborum ad exercitation cillum enim officia et. Culpa exercitation ut qui.


Where do I start?

You can choose your own adventure by starting with a specific framework:

Remix Next.js
See How Features for each Framework Compare