GithubHelp home page GithubHelp logo

yschen25 / kuan_message_board Goto Github PK

View Code? Open in Web Editor NEW
4.0 3.0 0.0 93.51 MB

A mysterious message board for the company, who's the employee of this company can leave a message to boss. 720° surround random background makes you feel like you can leave a message wherever you are

CSS 18.25% HTML 8.20% JavaScript 64.81% PHP 8.73%
javascript jquery canvas php sql db html5 css3 rwd threejs

kuan_message_board's Introduction

Kuan_Message_Board

A message board for the company.

Description

A mysterious message board for the company, who's the employee of this company can leave a message to boss. 720° surround random background makes you feel like you can leave a message wherever you are. Enable mouse wheel zoom on PC and pinch zoom or touch screen to rotate on mobile. ...there is a hot tip in the console :trollface:.


Authors

  • :octocat: Front-End : Me

    HTML、CSS、JavaScript、jQuery、Canvas、SQL、Photoshop、illustrator
    
  • :octocat: Back-End : Dino

    PHP、SQL
    

Demo

MESSAGE BOARD FRONTSTAGE -> Where You Can Leave The Message

Kuan_MessageBoard

MESSAGE BOARD BACKSTAGE -> Where You Can View The Message

ManagerName : guest / Password : 123456

Kuan_MessageBoard


  1. It has auto-rotate background but you also can use mouse to controll it, it also enable mouse wheel zoom on PC and pinch zoom or touch screen to rotate on mobile

  Kuan_MessageBoard


  1. Random background everytime when you reload the website

  Kuan_MessageBoard


  1. If you open the DevTools then you will find out a little tip, just type and send it

  Kuan_MessageBoard


3-1. Another version

  Kuan_MessageBoard


Update

  • 2018.09.11

       * Adding meta tags
       * Fixing the textarea field doesn't clear when reload the website in IE and Edge
       * Fixing it can't type in the textarea in firefox
    
  • 2018.09.20

       * Building website on free web hosting
       * Building DB
       * Modifying the code to connect free web hosting DB
       * Allow user to login whether type capital or lowercase letter at backstage
       * Removing hosting logo
    
  • 2018.09.25

       * Fixing backstage messages display duplicate
       * Sorting messages by date
       * Optimizing SQL
    
  • 2018.09.26

       * Improving the speed on mobile (Android)
       * Enable mouse wheel zoom on PC / Enable pinch zoom on mobile
       * Enable touch screen to rotate on mobile 
       * Changing background images
       * Adding meta tags
    
  • 2018.09.27

       * Slowing down the rotate speed
       * Adding QR code
    
  • 2018.10.02

       * Fixing backstage RWD
    

Cubemap Textures

From Humus.

QR Code Generator

Using IOI QR Code Generator.

Demo Editor Tools

Using ScreenToGif to record and ezGIF to edit.

kuan_message_board's People

Contributors

dinoyee avatar yschen25 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

kuan_message_board'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.