Code Monkey home page Code Monkey logo

bearcabulary's Introduction

Bearcabulary

Logo

Play the hosted version!

Intro

Bearcabulary is a word game built in Gatsby targeted at K-3rd Grade students. The player must choose from jumbled words to complete the missing word in a sentence. The user sees the word flash quickily at the start of each screen.

Bearcabulary gives the player plenty of hints

Once the screen disappears they can press play on an audio recording to hear the word they are trying to spell. They can also see the definition of it for context clues.

Run Bearcabulary Locally or Host it Yourself

Bearcabulary is meant to be hosted and edited for your educational needs.

  1. Fork the repo to your github account. Run it on your local machine by running gatsby develop or npm start from the root directory. Or host it for free on Netlify. Once you've forked it and signed up for a free Netlify account, login to Netlify. Click the big green "New Site From Git" button.

New Site Button

  1. Select "Github" as your method of deploying.

select-github

  1. You'll have to find where your version of Bearcabulary is.

search-github

  1. Once you find it, select it and you'll finally be ready to deploy your new site.

Deploy on Netlify

Now you have your own version of Bearcabulary!

Netlify CMS

We made Bearcabulary easy to add stories and puzzles to by utilizing NetlifyCMS.

  1. Once your site is deployed if you go to the url and add /admin and you'll be taken to your very own admin section.

From here you can add a new story (or series of puzzle screens).

Add a new story to match your lesson plan!

  1. Each section added will be a new puzzle for the student to figure out. If you only want a story page Wand not a puzzle, simply leave "word" input empty and the image will be full size!

Once you publish your changes, Netlify will automatically re-build your site, and the content you created will be saved on your github account. This allows you to easily keep track of where your art and stories are kept.

History

Bearcabulary was organically built with a team of 9 in a 3 day Hackathon. The team received 1st place in the competition presented to a panel of judges as well as the People's Choice Award.

Afterwards, two of the members decided to build it from the ideas started at the Hackathon.

Team

bearcabulary's People

Contributors

daleinen7 avatar kndshein avatar

Stargazers

 avatar  avatar

Watchers

 avatar

bearcabulary's Issues

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.