KartRider Drift Records
A web application tracking track and user-submitted records videos.
Overview:
KartRider Drift Records is a web application that allows users to view information on various tracks and watch user-submitted record videos. Users can also add, edit, and delete their own record video submissions by logging in with their Google account. Additionally, the application allows users to track their own records and provides information on user-created resources to improve gameplay experience. The application utilizes React, Vite, Chakra UI, and Supabase for its front-end and back-end technologies.
Features:
- View information on the various tracks: Users can access information on different tracks available in the game.
- View user-submitted record videos: Users can watch videos of records set by other players on these tracks.
- Add, edit, and delete your own records video submissions: Users have the ability to submit their own record videos, edit them, or remove them entirely.
- Track your own records: Users can keep track of their own records and monitor their progress.
- View information on various user-created resources: The application provides information on resources created by users to help improve gameplay experience.
Summary:
KartRider Drift Records is a web application that allows users to view and submit record videos for various tracks in the game. With features like track information, user-submitted videos, record tracking, and user-created resources, players can enhance their gameplay experience. The application is built using React, Vite, Chakra UI, and Supabase. It provides a user-friendly interface and easy navigation for seamless interaction.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Supabase
Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading