arpitdalal / remix-staem

Project made with Remix and Tailwind CSS for the challenge: https://blog.zernonia.com/i-design-you-build-frontend-challenge-4-supabase-version

Staem

A project made with Remix and Tailwind CSS for this challenge, hosted on Netlify

Features

• Core

  🎯 Get games from Supabase

  🎯 Search games by name

  🎯 Sort games by "Price", "Name"

  🎯 Carousel with react-slick and slick-carousel

  🎯 Responsive design with Tailwind CSS

  🎯 External link to game's page on Steam

• Additional

  🎯 App works without/before JavaScript loads, thanks to SSR and Remix. All search, sort, and infinite loading features work without/before JavaScript loads

  🎯 PWA support, clicking Install button prompts the user to install this app as a PWA on supported browsers, thanks to Jacob Ebey for this example

  🎯 Loading states with Tailwind CSS

  🎯 Subtle hover animations with Tailwind CSS

What did I learn?

• Used Tailwind CSS for the first time
• Practiced my Remix skills and learned the way to do things when there is no JavaScript like sorting, searching and implementing infinite scrolling

Special thanks

• Thanks to Zernonia for making this challenge
• Also thanks to Remix for teaching how to make websites that work without/before JavaScript for great user experience

License

© 2022 Arpit Dalal. Released under GPL version 3

See LICENSE.md for more information