Git Product home page Git Product logo

sunflower-land's Introduction

Sunflower Land

CI Build Status Testnet deploy Mainnet deploy Twitter Follow: 0xSunflowerLand Youtube Subscribe: Sunflower Land Discord: Sunflower Land Polygon Grant Request - Sunflower Land

Banner: Sunflower Land

The goal of this project is to create a decentralized and community driven MetaVerse style game.

This repo includes the front-end game in which users can play and interact with the game on the Polygon Network and off chain data.

Looking to help out? Read our contributing Guidelines - https://github.com/sunflower-land/sunflower-land/blob/main/docs/CONTRIBUTING.md

Website | Official Links

๐ŸŒป Main Website

https://sunflower-land.com/

๐Ÿง‘โ€๐ŸŒพ Start Farming | Play

https://sunflower-land.com/play

๐Ÿ˜• Stuck somwhere ?

Read the official docs/ litepaper here: docs.sunflower-land.com

๐Ÿ‘ถ How to play ?

Follow the official guide here: How to Play?

โ“ Need Help ?

First Read the FAQ's here: FAQ's

Still not satisfied? Submit a support ticket here: Submit a ticket

๐Ÿ‘ถ Getting Started

Firstly, you will need to clone the repo locally. Once you have it ready navigate into the directory and run the following commands:

  1. npm install --global yarn (if you don't have yarn installed)
  2. yarn install
  3. yarn dev

๐Ÿงช Testing

yarn test

This runs a range of business logic unit tests in the repo.

The plan is to use react testing library to test some of the core user interactions as well.

โš™๏ธ Architecture

We use xstate to control the manage the user and session using a State Machine approach. This prevents our application from getting into invalid states and handles the use cases of switching accounts, networks, etc.

The primary states include:

  • Connecting (connecting to MetaMask)
  • Ready (Waiting for user input - Start)
  • Signing (Sign a message to verify the account on the API)
  • Authorising (Checking if a user has an account/farm)
  • Unauthorised (when one of the above state transitions fails)
  • Authorised (Play the game!)

โš™๏ธ Vite

The app uses vite for bundling and development purposes. You can set build specific configuration in vite.config.ts

๐ŸŒˆ Tailwind

Tailwind is our CSS tool of choice. It enables us to:

  • Use utility based classes
  • Consistent theming (view tailwind.config.js)
  • Perform CSS processing to minimize build sizes

๐Ÿ—ƒ๏ธ Directory Organization

  • Assets: Images, Music, Branding and other Media
  • Components: Reusable react components
  • Lib: Utils, classes, machines and more.
  • Features: Core domain concepts that have their own use cases/boundaries. Each feature (e.g. crops) has a similar nested structure of components, graphql & lib that are specific only to that feature.

๐Ÿค Contributing Guidelines

๐Ÿ‘จโ€๐Ÿ’ป Developers - https://github.com/sunflower-land/sunflower-land/blob/main/docs/CONTRIBUTING.md

๐Ÿง‘โ€๐ŸŽจ Artists - https://github.com/sunflower-land/sunflower-land/blob/main/docs/ART_CONTRIBUTING.md

โš–๏ธ No Licence

The previous version was used in unethically on other Blockchains. The team is working on deciding the licence that will best suit our community. Until then, the code falls under No Licence and cannot be reused.

All media assets (images and music) are not available for use in commercial or private projects.

sunflower-land's People

Contributors

0xsha1man avatar adamhannigan avatar avalla avatar brian-man avatar chris-calo avatar dawsbot avatar ethernetweb avatar franksunnyflower avatar gwmccubbin avatar ihsanser avatar j923sneaks avatar jacobsobolev avatar jaywhite1 avatar jcads avatar kennym avatar kolebjak avatar newb23 avatar pranav-yadav avatar rickfurt avatar robotekuu avatar rofrtd avatar saschb2b avatar shiningminions avatar silici0 avatar spencerdezartsmith avatar thimey avatar tiffanydys avatar xternet avatar yelppp avatar z1kou avatar

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.