Wishing_Pool

A wishing pool website, part of a team project.

Description

A wishing pool where you can see the wishes by clicking the coins in the pool, the different colors represent the different areas, the menu on the left side can help you select the area, and the coins will be random every time you open the website.

Clicking the make wish button you can type where the area you want to go, what time you are available, what wish content you have, etc., then click submit the sheet it will transform into a coin and which color will be the area you just chose, after that there will be a hand appear to throw the coin into the wishing pool.

Clicking fulfill wish which will show a wish sheet randomly, you can choose to fulfill the wish or report the improper contents.

Author

• Front-End && Back-End : Me

  HTML、CSS、JavaScript、jQuery、PHP、SQL、Photoshop、illustrator
  

Demo

WISHING POOL -> Where You Can See This Website

1. A wishing pool where you can see the wishes by clicking the coins in the pool, the different colors represent the different areas, the menu on the left side can help you select the area, and the coins will be random every time you open the website

 

2. Clicking the make wish button you can type where the area you want to go, what time you are available, what wish content you have, etc., then click submit the sheet it will transform into a coin, and which color will be the area you just chose, after that there will be a hand appear to throw the coin into the wishing pool

 

3. Clicking fulfill Wish which will show a wish sheet randomly, you can choose to fulfill the wish or report the improper contents

 

Update

• 2018.09.30

     * Taking the own part out from the team project 
     * Building website on free web hosting
     * Building DB
     * Modifying the code to connect free web hosting DB
     * Adding auto login
     * Removing the hosting logo
  

• 2018.10.01

     * Deleting useless tables in DB
     * Optimizing PHP to prevent sending null wish popup value
     * Optimizing SQL
     * Revising and integrating PHP
  

• 2018.10.02

     * Fixing header RWD
     * Revising Js to remove logincheck.php
     * disabled coin button hover when popup
     * Revising and integrating JS
     * Revising and integrating HTML, CSS
     * Enable to see the wish that just makes
     * Dimmering header when popup
     * Adding more wishes to display
     * Fixing select style in Firefox
  

• 2018.11.24

     * Adding meta tags
     * Adding readme description
  

• 2018.11.29

     * Adding demo gifs
  

Web Hosting

Using 000Webhost.

QR Code Generator

Using IOI QR Code Generator.

Demo Editor Tools

Using ScreenToGif to record and ezGIF to edit.