Code Monkey home page Code Monkey logo

creeperland's Introduction

CreeperLand

Language grade: JavaScript Total alerts

Table of Contents

CreepLand (Website) - for mc donats.

Developer info

My Env

node: v14.5.0
psql: 13.0.0
redis: 6.0.9

Project setup

In server delete dist folder and del migrations if have. Create db with dbname and pass like in mikro-orm.config.ts

  dbName: "creeperland",
  password: "web13",
  username: "postgres",

Create migration

yarn create:migration

Lets compile ts (it create dist folder)

yarn watch

Export redis env and run

echo $REDISSECRET
export REDISSECRET=supersecret
redis-server
redis-cli

Run it (start the server with psql db connection)

yarn dev

i18n

i18n contains code in messages components like.

export const messages = {
  btnText: _t('translations.regModal.btnText', 'Registration'),
  btnOnLoad: _t('translations.regModal.btnOnLoad', 'Load…'),
};

Exported code.

yarn run extract-messages

Further in locales/ru the code from locales/en is manually duplicated. It is not recommended to write fields with translation like this

someItem: () => _t(translations.regModal.btnText, 'Registration'),

Since as a result in locales/en an extra top sublevel translations is added to the json object because of which you have to make changes once again either in locales/en or in a line with a field.

"translations"
  "regModal": {
    "btnText": "Registration",
    "btnOnLoad": "Load…",
  }

Deploy

Frontend & Backend

vercel --prod
sh deploy.sh

Bootstraped

Meta

Team:

  • Github - Frontend developer (UI)
  • Github - Full-stack developer

creeperland's People

Contributors

barklim 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.