CSNades.app

What made me do that

As I explained for this comment in reply, I wanted to learn NextJS on little bit more complex project and lack of good CS:GO nades website made me start that (few months before CS2 was announced).

So initial scope was to:

  • SSG all pages

  • Page for uploading nades - with image upload, nade type, map, description, trajectory file, tags

  • For search map:

    1. Create 2D map search possibility by destination point then origin point
    2. Be able to show all types of nades on search map at once
    3. Add filters: by type, by side, tickrate
    4. Show origin image on hover

  • For nade page:

    1. Images tab:
      • Switch between lineup / lineup zoom
      • Spot (exact origin location)
      • Trajectory
    2. Video tab:
      • Jump to specific video segments:
      • Walkup to spot
      • Crosshair lineup
      • Nade flight
      • Nade detonation
    3. 2D map tab: Show nade trajectory on 2D map
    4. 3D map tab: Show nade trajectory from .dem recorded files
    5. Parameters tab:
      • Clipboard button for position teleport and angle set commands
      • Detailed throw type information
      • Keypress visualization
      • Description box with markdown support for detailed explanations

Here is what I came up with after about 2 months of work :

  • search map view
  • example nade page with some media files left
  • there is also upload page used for filling database, but it's imposible to use without proper explanation.

Next things that were done:

  • Adding user comments for nades
  • Add filter by nade tag
  • Visually distinguish nades by type on search map
  • Add side container where I store (depending on context):
    • List of images
    • Map description + nade lists + links to other maps
  • Related Nades for nade page (sorted by distance function based on origin, destination, and nade type)
  • Add nade lists - user created, with public/private options and server/local storage sync
  • Add ability to search nades by origin position first
  • Create own video player with custom controls
  • Callouts
  • Bomb radius

Current state and plans:

CSNades.app website

Analytics

Stats powered by Plausible Analytics

What I plan:

  • Tidy up nade database, add more nades for current and new maps
    (website did not have any content nor features for about 10 months - I had left this project due to low traction, but to my surprise it's getting more and more popular)
  • Add wallbang/scans lineups and timings as next tabs alongside: nades, callouts, and bomb radius
  • Add integration with CSReplays project at some point