datonex / emoji-hackathon

Code Institute hackathon celebrating world emoji day

👋 Hello ! I'm Tanya, aka DatoneX

Full Stack Java developer from London and Code Institute alumni

Tech Stack

Languages

Libraries + Tools

Portfolio Projects

Visit Zimbabwe

Tourist guide website for users who would like to visit Zimbabwe and get information about some of the local sites and activities.

Technologies used

The Snake & The Wizard

Web based game of the nokia game 'snake' (this was my favourite project)

Technologies used

Battleshipasaurus

Famous battleship game played in the terminal

Technologies used

OwlNook

Web blog where people can post articles to the web.

Technologies used

Eau Royal

E-commerce perfume and candles web store

Technologies used

Stats

📊 This Week I Spent My Time On

💬 Programming Languages: 
No Activity Tracked This Week

I Mostly Code in HTML

HTML                     18 repos            ███████████░░░░░░░░░░░░░░   46.15 % 
Java                     10 repos            ██████░░░░░░░░░░░░░░░░░░░   25.64 % 
JavaScript               5 repos             ███░░░░░░░░░░░░░░░░░░░░░░   12.82 % 
Python                   3 repos             ██░░░░░░░░░░░░░░░░░░░░░░░   07.69 % 
CSS                      2 repos             █░░░░░░░░░░░░░░░░░░░░░░░░   05.13 % 

Last Updated on 16/02/2023 18:41:50 UTC

emoji-hackathon's Issues

Project name

Description

Decide on project name

Test - Home page

Acceptance criteria

Test home page to ensure responsiveness and links work correctly

• Navigation bar
  • links
  • responsiveness
• Footer
• HTML validation
• CSS validation
• Add to Readme

Wireframes

User story

Create wireframes to determine page structure

Acceptance criteria

• home page wireframe
• memory wireframe

UX - Design

Acceptance Criteria

Collecting images

• Header image
• Emojis for team github links

Font

• Pick a font
• Color palette

Quiz page

Description

Quiz page

Acceptance criteria

• A checkbox game ( i.e "Which festive day does <3 represent? 1. Christmas X. New Years 2. Valentine)

• Fun fact box about the festive i.e "Emojis for Valentine's Day can be inserted from the emoji keyboard on all major platforms, or the same emojis can also be copied and pasted using the links below."

• Navigation

• Count system

• Count summary on completion

• Flash message "Bravo!" / "Try again"

All pages - Logo

## Description

Add logo to all pages

Acceptance Criteria

Pages below have logo

• homepage
• quiz page
• memory game page
• game over page

README

Acceptance criteria

• About section
• UX
• Wireframes (Viktoria)
• User stories (Victoria)
• Code validation
• Features
• Technologies (Tanya)
• Credits
• Potential features
• Bugs
• Tests

Add code validation to readme

All pages - Favicon

## Description

Add favicon to all pages

Acceptance Criteria

Pages below have favicon

• homepage
• quiz page
• memory game page
• game over page

Home page

User story

As a user I want to be able understand the purpose of the page as soon as I navigate to it

Features

• Navbar
• Hero section
• Title
• Footer

Acceptance criteria

• Link to homepage (logo)
• Contact links

Wireframe - Memory game

## Description

Create memory game wireframe

Acceptance Criteria

• mobile wireframe
• tablet wireframe
• desktop wireframe
• Add to README

Home page

Description

Create home page hero image, layout and style

Acceptance Critearia

• layout
• hero image
• style
• navbar

UI - Home page

Description

Responsive home page

Acceptance Criteria

• mobile responsive
• tablet responsive
• desktop responsive

Wireframe - Fun page

## Description

Create fun page wireframe

Acceptance Criteria

• mobile wireframe
• tablet wireframe
• desktop wireframe
• Add to README

Memory Game

Description

complete the emoji memory game

Acceptance Criteria

• Page title "Emoji Memory Game"
• Flipping card memory game
• Emoji images
• Shuffle emojis before game starting
• Game count
• Alert message "Bravo!"
• Box on the side/alert with information about the emojis when capturing a pair

Test - Quiz page

Acceptance criteria

Test quiz page to ensure responsiveness and links work correctly

• Navigation bar
  • links
• responsiveness
• Buttons
• Responsiveness
• Questions work as intended
• Footer
• Add to Readme

Set up team page in Hackathon app

Acceptance Criteria

• Add website url
• Add github repo
• Add screenshots
• Add info about our team here: https://hackathon.codeinstitute.net/teams/183/project/

Deployment

Description

Deploy page to Github pages

Quiz questions

Description

Source emoji quiz questions + images

Acceptance Criteria

• emoji's
• questions

UI - Quiz page

Description

Responsive quiz page

Acceptance Criteria

• mobile responsive
• tablet responsive
• desktop responsive

README - Overview

## Description

Complete roject description in README

Acceptance Criteria

• project description
• project purpose
• live site link
• github link
• mockup image

Wireframe - Homepage

## Description

Create homepage wireframe

Acceptance Criteria

• mobile wireframe
• tablet wireframe
• desktop wireframe
• Add to README

UX - Logo + Favicon

Description

Design page logo and favicon

Acceptance criteria

• logo
• favicon

Test - Memory Game

Acceptance criteria

Test memory page to ensure responsiveness and links work correctly

• Navigation bar
  • links
• responsiveness
• Buttons
• Responsiveness
• game works as intended
• Footer
• Add to Readme

All pages - Footer

Description

Complete layout and style of footer to be used on all pages

Acceptance criteria

• layout
• style

UI - Memory game page

Description

Responsive memory page game

Acceptance Criteria

• mobile responsive
• tablet responsive
• desktop responsive

Team name

## Description

Decide on team name

Make navbar responsive