Skip to content

1st year web project - educates children how to eat healthily.

Notifications You must be signed in to change notification settings

NicoleTYF/UniProject-WitchyCandy

Repository files navigation

🍬 Witchy Candy 🍭

  🎯 Purpose:
   To educate children how to eat healthily.
  📐 Scope:
   Build a webite with diet tips, recipies, decorating and hidden-object games.
  🧰 Tool Stack:
   HTML5, CSS3, JS, jQuery

What I have done:
  🖼 Wireframes
  🎨 Write design style guides
  👩‍💻 Coding the website
  🧪 User testing
  📃 Document development process including what I have learnt about web design


🔨 Feature Overview

Health Tips
(html, css)
  • Health Tips for children
  • Side navigation for easier reading
  • Search window
    (html, js)
  • Word search in Health Tips and About Us page
  • Healthy Sweets and Desserts
    (html, css)
  • A form for enterprises to choose what data they want to buy
  • DIY Recipes
    (html, css)
  • List dessert receipes children can try making with their parents
  • Like the recipe by pressing the button with a heart icon
  • Decorating your candy house
    (html, css, js)
  • Drag and Drop healthy sweets and desserts to decorate the candy house
  • Drag and Drop healthy sweets and desserts
  • Hidden Object game
    (js)
  • Collect 6 hidden objects (moving emojis) in the website
  • Reset game
  • Marker feedback

    87/100

    Website Implementation:

    • Website Completion: High Distinction - Mid;
    • Good Practice Web Design: Credit - Low;
    • HTML Usage: Credit - High;
    • CSS Usage: High Distinction - Borderline;
    • jQuery/JavaScript Usage: High Distinction - Mid

    Design Report

    • Audience, Education & Story: High Distinction - Mid;
    • Design Justification: High Distinction - Mid;
    • Design Research: High Distinction - Mid;
    • Design Reflection: High Distinction - Mid;
    • Report Design, Structure & Writing: High Distinction - Mid;

    Feedback

    Hey Nicole, Good job with both the design report and the website implementation. Why are you using JS for navigation? You should be utilising HTML, i.e. elements. I think that if you had less content on your website, you would have been able to spend more time polishing the overall website. Also just to note IDs are single-use, classes can be used multiple times. Regardless, you did a good job. If it interests you, I think that you would do quite well working within the web industry (as a designer or developer), so keep practicing and keep up the good work.

    About

    1st year web project - educates children how to eat healthily.

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published