710d99cab2
* compiles but looks ugly * create sr record working version * validate and tsify * chakra ui v 1.0 icon fixes * new ui first ver * remove unused icon * remove imports , color picker work * color picker done * set bg color proper * suggests vouches page * remove unused deps * voting history page * build analyzer improvements * calendar page new * footer stay down * ui refresh stuff * x trends dont show tier if no weapons * draft cup page new look * plus faq page * cra 4 beta * top logo placed center * weapon images new import style * top nav aling correctly in mobile resolution * nav changes * initial xleaderboard * peak x powers backend * graphql codegen * switched to apollo/client package * initial xleaderboard table * insert player ids * dataloaders * ts-node dev dep * x leaderboard basic * xleaderboard testing * x rank placements backend * all leaderboards frontend components initial * pagination tweaking * ran prettier * leaderboards doneish * top 500 browser basic * top 500 browser * pagination tweaks * implemented filters * user page placements * remove useless * useEffect only call on name change * markdown use new table style * use mode images * search by player id * link to xsearch from leaderboards * translated * disable next if no pagecount * remove comment
Goal of sendou.ink is to provide useful tools and resources for the competitive Splatoon community.
Live version: https://sendou.ink/
What's happening
This site was originally a full stack web development school project. Since I have continued working on it as a hobby. I use a big portion of the tools offered by it myself so finding continued motivation has been easy.
Technologies used
- React
- TypeScript
- Node.js
- GraphQL (Apollo Server)
- MongoDB (+Mongoose)
- Python (a couple of different scripts to parse data)
A few highlight features
🦑 Planner tool where you can draw on any map in the game to conveniently make up game plans
🦑 Calendar that collects together all the events happening in the community
🦑 Users can make an account and submit their builds and browse builds made by others
🦑 It is possible to submit yourself as "free agent". If two FA's like each other they are notified and a new team can be founded
🦑 X Rank Top 500 results can be browsed through far more conveniently than on the official app
🦑 Browse through detailed tournament results
🦑 Choose between light and dark mode as well as 10 different accent colors
GraphQL
Serving the site is a GraphQL API. You can explore the schema here: https://sendou.ink/graphql. It was made specifically for this site but you are free to use it within reason if it is of use to you.
Installation & getting started
- Install Node
- Use the
npm run install:allcommand in the root folder - Make a copy of the
.env.templatefile and rename it to.env. Populate the values depending on what you are developing. Database URI's at least are necessary to spin up the backend. - Use the
npm run devcommand in the root folder to develop logged out andnpm run dev:loggedinto develop logged in as a mocked user.
- Please note that the scripts are currently assuming an *NIX based system so trying to run them on PowerShell or something might not work.
Making the installation process smoother is one big point of improvement hopefully in the near future.
Server will run on http://localhost:3001/graphql
Front-end will run on http://localhost:3000/
Contributing
You are welcome to create an issue or do a pull request.