Skip to content

Vanilla JavaScript / MongoDb / CSS project: a fun puzzle which involves moving the numbers into the correct order

Notifications You must be signed in to change notification settings

rolandjlevy/js-sliders-game

Repository files navigation

Sliders Game

Links 🔗

Demo 🏁

Sliders demo

How to Play Sliders 👉

  • Choose the game size: 3x3, 4x4 etc...
  • Slide pieces into the empty space from above, below or the side
  • Position numbers in the correct order in the fewest possible moves
  • Pieces turn green in the correct position
  • When you've completed the game, add your score to the Leader Board
  • See demo above ⬆

Features 💡

  • Made with Vanilla JavaScript and CSS only
  • Mobile friendly and fully responsive
  • Leader board scores saved to database using MongoDB Atlas - view the Node API which uses Vercel's serverless functions
  • Uses DOMPurify to sanitize input. DOMPurify is a DOM-only sanitizer to protect against Cross-Site Scripting (XSS) attacks
  • Includes Help section and initializing sequence to randomize game

How to run this app in Github CodeSpaces

  • Run http-server: npm i -g http-server, then run: http-server -c-1
  • Run nodemon with http-server: npm i -g http-server, npm i nodemon -g then: nodemon --exec http-server or which http-server
  • Click 'Open in Browser' or from the Terminal, click the link Forwarded Address link from PORTS

About

Vanilla JavaScript / MongoDb / CSS project: a fun puzzle which involves moving the numbers into the correct order

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published