Code Monkey home page Code Monkey logo

subwaydle's Introduction

Subwaydle

A Wordle-inspired NYC Subway daily puzzle game. Contains some source code lifted from the open-source clone by Hannah Park. Subwaydle is a static JavaScript app, written using Create React App with React, Sass, Semantic UI React and Mapbox. A few Ruby scripts were written to generate JSON data files used by the app.

See it live at https://www.subwaydle.com

Running locally

brew install yarn
yarn install
yarn start
  • To show the map that is displayed after finishing the puzzle: sign up for an account with Mapbox, get a token and add it to an .env file as REACT_APP_MAPBOX_TOKEN.

  • Ruby scripts in the scripts/ directory produce the JSON files in src/data that are used by the app. Warning: viewing the src/data can reveal spoilers to the puzzle! All guesses are checked against the keys in the respective solutions.json file to be a valid trip, and the answers.json contains an array for the answer of each day. The values of the solutions.json object contain an example trip of stations that are traveled through for the trip.

Subway Route Symbols ® Metropolitan Transportation Authority. Used with permission.

Inspirations:

subwaydle's People

Contributors

blahblahblah- avatar hunterpankey avatar pbiggar avatar xendke avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

subwaydle's Issues

Add a "practice mode"

yo, big fan of the game! A friend and I had the thought being able to pick from previously generated trips would be a nice feature. Ideally it could also be cool to be able to generate weekday/weekend trips on the fly to practice guessing routes.

Some bad backtracking routes still sneak through the filtering

image

I know there's some kind of check to prevent significant backtracking. However, it seems this generated route was selected for today because its backtracking portion is small relative to the distance all the way to Jamaica. I suggest that we should change the backtrack filtering logic somehow to prevent these situations even for super long routes.

Mapbox style doesn't work

getting browser console errors with my mapbox token configured in .env while running locally:

{"message":"style owner theweekendest does not match token"}

I think it's from this line in MapFrame.jsx:

style: 'mapbox://styles/theweekendest/ck1fhati848311cp6ezdzj5cm?optimize=true',

wondering if you could please make this mapbox style public?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.