Giter Club home page Giter Club logo

dellenquiz's Introduction

Dellenquiz

Introduction

This quiz shall promote the Dellendistrict with its beautiful surrounding, attractions, inhabitants and companies, mostely for the tourism. This quiz shall also show my skills of JavaScript which unfortunately have not evolved as expected. Before you even start I can tell you that there is only a limited script availalble. Most of the JavaScript provided was written together with youtube videos as provided in Acknowledgements. I haven't given up on this website but it will take a bit more time to learn the skills of JavaScript and to finish this project. No testing performed as the script that was provided is not enough to test the functions of the quiz.

The Goals

The business goals of this website are

  • Advertising the Dellendistrict in a different way
  • Provide intresting information thru questions of the Dellendistrict - advertising Dellendistrict
  • Information for: coffe shops, shops, flea markets, places to stay over night, surroundings, nature and the history of the Dellendistrict
  • Provide beautiful images of the Dellendistrict

Customer goals of this website

  • Guest shall find information thru an intresting way of questions
  • Geust shall be intrested to visit Dellendistrict and stay for a short time or even stay for life

Future goals and features

  • A defined images shall fit to each question
  • Radio buttons to be added to seperate the levels of the questions like "Tourists" (easy), "Immigrates" (normal) and "Born here" (experts)
  • Radio buttons to choose how many question you want to answer
  • Dropdown list to choose between the different parts or villiges in the Dellendistrict
  • Next and Previous buttons to be added
  • Questions to be in different lanuages like english, german, swedish

UX

The ideal guest for this business is:

  • Wants to visit Dellendistrict
  • Wants to test it's knowledge of the Dellendistrict
  • Wants to find intresting information thru an intresting way

Visitors to this website are searching for:

  • Information of the Dellendistrict
  • Testing their knowledge

Wireframes mockups:

Features

The page features a hero image, Answer, Submit and a Restart button.

Index

The page features a hero image with view of one of the Dellen lakes, a description How to play, an Image behind the Quiz. The Quiz contains 7 buttons for Start, Answers always with 4 choices, Submit and Restart. Results will be shown after the quiz is committed.

Existing features

Hero Image โ€“ Exists on every page and allows the potential guest to get a feeling for their stay.

Call to Action Button - for start, to lock the choice of answer, submitting the questions and quiz, restart the quiz

Changes made

Buttons Start button added Modals All modals removed

Features to Implement in future

Radio buttons, Dropdown list - to seperate amount of questions and choose the levels, choose between different parts and villages of the Dellendistrict Flags - for the different coutries - languages

Technoligies used

  • This project uses HTML and CSS programming languages.

  • Google Fonts

    • This project uses Google Fonts to style the website fonts.
  • TinyPNG

    • This project uses TinyPNG to reduce the size of the images used on this website.
  • Pinetools

    • This project uses Pintools an Online Image Color Picker to look for matching colours.
  • CompressJPEG

    • This project uses CompressJPEG to reduce the size of the images used on this website.

Problem solving

Testing

Deployment

  1. Log into GitHub.
  2. From the list of repositories select haselnuts/Dellenquiz
  3. From the menu items below the navigation bar, select Settings
  4. Scroll down to GitHub pages
  5. Under Source click the dropdown menu labeled None and select Master
  6. Select Save
  7. Reload the page
  8. Follow the link after Your site is published at

Credits

Content

Media

  • All images were provided by the developer of this website

Acknowledgements

dellenquiz's People

Contributors

haselnuts avatar

Watchers

James Cloos 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.