Skip to content

ajhenry/chronle.com

Repository files navigation

Chronle

A daily game where you drag events into chronological order.

chronle.com

Demo image

How to Play

You are given a number of events that you must drag into chronological order. You have up to 6 tries to get all the events in the correct order.

Events that are in the correct spot will turn green. Events that are in the wrong spot will turn a solid neutral color.

Development

  1. Get accounts in order to develop.

    You will need both a firebase web app and a firebase service account.

    You will need an unsplash developer account to create events from the admin dashboard.

    You will need to create a firebase project and add the firebase configuration to the .firebaserc file.

    npm i -g firebase-tools

    Then you will need to setup emulators for the project.

    firebase login
    firebase init
  2. Get .env setup.

    Take all the values created from the firebase web and service account and unsplash then add them to the .env file.

    cp .env.example .env
  3. Run npm install to install dependencies.

  4. Run the development server with npm run dev.

There are bound to be bugs so don't be afraid to file an issue.

This project is developed with Next.js, Firebase, and Tailwind CSS.

Contributing

All contributions are welcome! Please file an issue or create a pull request.

License

This is licensed under AGPL-3.0. See the LICENSE file for more information.

Credits

This starter project is based on Venefish by enesien software.