Giter VIP home page Giter VIP logo

iching_react_ui's Introduction

iching_react_ui

This is the UI powered by React for the project "Ask Yingyang".

The server of the project was built by Node.js and Express (Github).

This is the work for the assigned individual project by DigitalCrafts.

Features

Main Feature

  • It is a fortunetelling game utilizing the philosophy of 'Ying & Yang' from the ancient Chinese.
  • You can ask any questions, then as the old way you will toss three coins for six times. Based on the coin-toss results, you will get two different symbols.
  • One Symbol for the current status of the question, and the other one for the future. You will find out the hidden answers by yourself from the hints of the symbols.

Other Features

  • Support historical results search
  • Support two kinds of direct symbol lookup with the related symbol number: Hexagram search and Trigram search

Nerd's thinking

Gains:

  • I applied Redux and React router on this project. Both worked smoothly and stably
  • It's the first time I combined node.js with React in one app, it feels good

Pains:

  • The API returning the critical data required for this project was not supported by React-build, so I had to import it in backend then made requests from express instead of directly using it at React frontend
  • I had huge problems when deploying it to Heroku
  • After enormous attempts I still couldn't make both express_API and React_UI working together if I include them in one package
  • Eventually I overcame it by deploying two separate packages to heroku

Update Notes:

7/27/2018
A fully update including Login/Signup system, personal inquery history review and device responding designs

Major Techs:

  • React
  • Redux
  • React Router
  • PostgreSQL
  • Node.js
  • Express

Published:

Heroku: Ask Yingyang

iching_react_ui's People

Contributors

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