Sendou.ink

screenshot of Sendou.ink
react
remix
vite
headless-ui
react-aria

Competitive Splatoon Platform

Overview

The Competitive Splatoon Hub is a popular platform for Splatoon players, with over 20k registered users. It offers a range of features and tools to enhance the gameplay experience, including a map planner, map list generation tool, event calendar, and more. The platform caters to both casual players and competitive players, providing features such as team formation and tournament management tools.

Features

  • Map Planner: Users can draw on maps and insert weapons to plan their strategies.
  • Map List Generation Tool: Generate a list of maps for different game modes.
  • Tournament Badges & TO Tools: Win badges from tournaments and access management tools for Tournament Organizers.
  • Event Calendar: Stay updated with upcoming events and tournaments.
  • Event Result Reporting: Easily report the results of matches and events.
  • Player Server: A dedicated server for top players to connect and find groups.
  • Voting and Suggestion Tools: Users can vote and make suggestions for improvements to the platform.
  • User Pages and Search: Users have their own profile pages, and can search for other users.
  • Team Formation: Users can form teams and upload profile and banner pictures.
  • Object Damage Calculator: Determine how much damage each weapon deals to different objects.
  • Build Analyzer: Get exact statistics for your game builds.
  • Video Library: Add and search for videos by weapon, stage, player, and more.
  • Discord Authentication: Authenticate via Discord for a seamless experience.
  • Light and Dark Mode: Choose between light and dark mode themes.
  • Localization: The platform can be translated into any language.
react
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

remix
Remix

Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

headless-ui
Headless UI

Headless UI is a set of completely unstyled, fully accessible UI components for React, Vue, and Alpine.js that empower developers to build their own fully accessible custom UI components. Headless UI allows developers to focus on building accessible and highly functional user interfaces, without the need to worry about styling or layout.

react-aria
React Aria

Craft world-class accessible components with custom styles. Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.