• This repository has been archived on 03/Oct/2022
  • Stars
    star
    206
  • Rank 190,504 (Top 4 %)
  • Language
    HTML
  • License
    MIT License
  • Created about 4 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

HTML challenge for Hacktoberfest 2020

UPDATE: Hacktoberfest 2020 Event Concluded!

This project started as a project for Hacktoberfest 2020, Thank you to everyone that participated and made this project what it is today and we look forward to seeing you all at Hacktoberfest 2021!. Feel free to continue contributing to the master branch, you can check out the following links to see the project as it was at the end of the event:

Interested in more events? keep an eye on our Events page HERE


Keikocorp.com

Welcome to the HTML challenge for Hacktoberfest 2020 (What is Hacktoberfest?) A project with beginners and aspiring developers in mind, utilizing HTML, CSS & maybe a dash of JavaScript to achieve a simplistic yet elegant website for the greatest start up of all time; Keiko Corp.

Everyone is encouraged to participate, regardless of your skill level. This is a practice project and should be considered a playground. This project has plenty of options for collaboration, here are just a few of the many that we welcome pull requests for:-

  • HTML elements.
  • CSS styling.
  • Images.
  • Text/Copy.
  • Documentation.
  • Fix Typos, Code Bugs or Accessibility oversights.

Project Brief

Incredibly, Bruno the CEO of Keiko Corp has built the fastest growing tech start up in Silicon Valley, without ever having launched a website. Bruno's marketing team is insisting that they need a website in order to gain the confidence of the potential clients to reach this quarters sales targets.

Bruno has put together a quick Figma mockup to demonstrate the layout and simplistic design they are looking for. Although Bruno did request the website be as immaculate and as impressive as his hair, the design is totally open to interpretation and modification during the first iteration of development.

Getting Started

Ok, so you have read the brief and checked out the designs. Ready to contribute, but not sure how or where to start?

If you've never made a pull request before, or participated in an open-source project, we recommend taking a look at our Start Here Guidelines. This repo has everything you need to learn about open-source, with a step-by-step guide to making your very first PR. Once you've got your feet wet, you're ready to come back and dive into Hacktoberfest fun!

  1. First up you need to fork (make a copy) this repo to your Github account.

  2. Clone (download) your fork to your computer.

  3. Set your streams so you can sync your clone with the original repo (get the latest updates).

    • git remote add upstream https://github.com/zero-to-mastery/Keiko-Corp.git
    • git pull upstream master
    • The above 2 commands will synchronize your forked version of the project with the actual repository.
  4. Create a branch for your task and complete the task.

  5. Pull from the upstream again, like we did in step 3. This is to ensure we still have the latest code.

    • git pull upstream master
  6. Commit and push the code to your fork.

  7. Create a pull request to have the changes merged into the origin.

    • Ensure you add to the comments of the pull request fixes #<issue number>, replacing with the number of your issue will automatically close the issue when the pull request is merged.

Rules, Notes & Guidelines

To ensure everyone has the best chance at participating in this project. Please follow these simple guidelines where ever possible:-

  • Simplicity is key: There is no need for React, Sass etc here. Let's stick with vanilla HTML, CSS & JavaScript.
  • Commenting: Try to comment your code, so everyone can understand what is going on and could learn a thing or two.
  • Respect Content: Only use images/content that we are licensed to use.

Disclaimer

Keiko Corp is a fictitious company, initially fabricated back in 2018 to enrich the learning process for the students of the Junior to Senior course. Keiko Corp, Bruno & his impeccable hair have since featured in several Zero To Mastery courses becoming the favourite topic of conversation amongst students.

Zero To Mastery receives no commission or incentives for your participating in either building this website or entering the Hacktoberfest event.

More Repositories

1

start-here-guidelines

Lets Git started in the world of opensource, starting in the Zero To Mastery's opensource playground. Especially designed for education and practical experience purposes.
Python
2,627
star
2

resources

Here is a list of best resources to get you started with learning how to code (mostly related to Web Development). Feel free to add your favorite resources as well and help others in their journey of learning.
HTML
2,592
star
3

complete-web-developer-manual

All resources and notes from the Complete Web Developer: Zero to Mastery course
2,282
star
4

ZtM-Job-Board

βš›οΈ A place for developers to show recruiters they are available for hire
TypeScript
1,102
star
5

javascript20-projects

Student submissions for the JavaScript 20 projects
869
star
6

JS_Fun_Practice

A list of small & fun functional programming exercises in JavaScript
JavaScript
732
star
7

Animation-Nation

A ZTM Challenge for Hacktoberfest
CSS
336
star
8

CSS-Art

General Edition - A CSS art challenge, for all skill levels
CSS
318
star
9

HTML-project

🌎
HTML
219
star
10

old-zero-to-mastery-website

This project once was the Zero To Mastery's website, created entirely by students. It has since been superseded by the new website, but this early version will remain archived for posterity and nostalgia.
JavaScript
201
star
11

Coding_Challenge-8

Realizing the power that you have as a developer to validate business ideas by developing a startups website
165
star
12

Coding_Challenge-6

Logic and problem solving - 3 JavaScript Puzzles
123
star
13

travel-guide

"A travel guide to suggest activities you can do once you arrive to a certain destination. Or you can just browse destinations and check out the different available activities."
JavaScript
112
star
14

Hacktoberfest-2023

Get started with Hacktoberfest 2023 with 3 awesome ZTM projects
103
star
15

book-tracker

"Tracks the amount of books that you've read, the ones you want to read and the progress on the ones you're reading."
CSS
103
star
16

coding_challenge-25

The #30DayProject - What will you build?
74
star
17

Coding_Challenge-3

Build a Speech Recognition Website using IBM Watson!
67
star
18

coding_challenge-46

Build a website with ChatGPT
60
star
19

zero-to-mastery-captions

All captions for The Complete Web Developer in 2020: Zero to Mastery
58
star
20

mappypals

An abandoned student led project. Reach out on Discord if you would like to revive the project!
JavaScript
56
star
21

coding_challenge-18

Solving tough JavaScript questions and improving your core understanding of the language
53
star
22

coding_challenge-24

Advent of Code 2019
52
star
23

ascii-art

A ZTM Hacktoberfest Challenge
Python
52
star
24

drum-root

A React Web App for Creating and Sharing Drum Loops.
JavaScript
48
star
25

coding_challenge-26

COVID 19 pandemic - build software that drive social impact
48
star
26

coding_challenge-42

Hacktoberfest
48
star
27

webblocks-2022

There is a big hype about front-end frameworks all over the place. But in this project we are going to build a showcase library of components using vanilla HTML, CSS and maybe some Javascript.
CSS
48
star
28

breads-client

Keep track of what you read online and see what your friends are reading.
TypeScript
46
star
29

coding_challenge-22

Hacktoberfest 2019
46
star
30

frosty-february-hackathon

Frosty February Hackathon for the ZTM community
45
star
31

coding_challenge-44

Single Page Projects
HTML
45
star
32

coding_challenge-43

Advent of Code
44
star
33

Coding_Challenge-1

Build your own blockchain competition
40
star
34

Advent-of-Code-2022

Advent of Code 2022
40
star
35

project-paycheck

A paycheck-to-paycheck breakdown of income and expenses. An abandoned student led project. Reach out on Discord if you would like to revive the project!
JavaScript
37
star
36

visual-music

An app that converts an uploaded mp3 song into visual expressions. An abandoned student led project. Reach out on Discord if you would like to revive the project!
JavaScript
35
star
37

file-io

Jupyter Notebook
35
star
38

coding_challenge-45

Voice Assistant with Socket.IO, Web Speech API, & Express.
34
star
39

Complete-Python-Developer-Manual

Class notes for Andrei Neagoie's Complete Python Developer course through Zero to Mastery.
Jupyter Notebook
31
star
40

Santafied

A ZTM Challenge for Hacktoberfest 2019
HTML
31
star
41

coding_challenge-33

Advent of Code 2020
30
star
42

coding_challenge-36

Build Your Own Blockchain...
30
star
43

coding_challenge-31

Hacktoberfest 2020
30
star
44

Canvaz

Your favourite annual creative challenge for Hacktoberfest is here! We will once again be showcasing the creative talents of our ZTM students using the HTML <canvas> element.
JavaScript
30
star
45

Hacktoberfest-2022

Hacktoberfest 2022
28
star
46

GrowersBrains

JavaScript
28
star
47

time-collector

This projects counts the time need on each project we do as freelancers or hobbyists, so we better know in the future how to estimate time for projects.
JavaScript
28
star
48

Advent-of-Code

28
star
49

canvas-2022

Your favourite annual creative challenge for Hacktoberfest is here! We will once again be showcasing the creative talents of our ZTM students using the HTML <canvas> element.
JavaScript
27
star
50

coding_challenge-27

Sudoku Goku
25
star
51

python-art

A ZTM Challenge for Hacktoberfest 2019
Python
25
star
52

CSS-Art-Hacktoberfest-Edition

Hacktoberfest Edition - A CSS art challenge, for all skill levels
CSS
25
star
53

coding_challenge-16

Design and build a portfolio project to wow your future customers/employers
24
star
54

coding_challenge-14

Understanding JavaScript and coding without the help of a library or tool
24
star
55

Canvas-Creations

A ZTM Challenge for Hacktoberfest 2020
JavaScript
24
star
56

coding_challenge-15

Simulating a real life work task that you will most likely encounter in your career.
23
star
57

GameSenshi

Hire Your Favorite Gamer! (in development)
CSS
23
star
58

coding_challenge-11

Build a website based on the designs from a fictitious client
HTML
22
star
59

coding_challenge-28

LANGO - The Complete Dev Language API
JavaScript
22
star
60

ascii-art-2021

A ZTM Challenge for Hacktoberfest 2021, converting images into text using the 95 printable characters defined by the ASCII Standard
Python
21
star
61

TheSurvey

This is our very special project, to create a zero to mastery developer survey web app. :) The development branch's result is here:
JavaScript
21
star
62

WebBlocks

zero-to-mastery re-usable web component library.
TypeScript
21
star
63

Coding_Challenge-2

Build an amazing portfolio website!
20
star
64

coding_challenge-34

Date Night
20
star
65

recycling-tracker

"A game style app that tracks the amount of waste that you have recycled and where, then calculates the amount of landfill that you prevented overall. Giving you bragging rights on your favorite social media platform."
JavaScript
20
star
66

CSS_Grid_LearnGame

This will be a game to learn CSS Grid in a Game Mode Style, to make learning more fun!
JavaScript
20
star
67

coding_challenge-35

Building Social Proof
19
star
68

coding_challenge-38

Bomberjam AI
19
star
69

coding_challenge-23

Reverse Engineering Apple Airpods
19
star
70

Halloween-Hacktoberfest-Edition

Hacktoberfest Edition - Halloween themed community challenge, designed with all skill levels in mind!
HTML
19
star
71

coding_challenge-12

Advent of Code 2018 Puzzles
18
star
72

coding_challenge-41

Build Your Own VS Code Extension!
18
star
73

coding_challenge-30

PongPongPong
18
star
74

coding_challenge-19

Building a React based personal blog using GatsbyJS
18
star
75

coding_challenge-39

Spinnin' Round
18
star
76

coding_challenge-20

Building the BEST CSS ANIMATION IN THE WORLD!!
17
star
77

coding_challenge-32

Build your own version of the Keiko Corp Website!
17
star
78

coding_challenge-40

21 day coding adventure
16
star
79

coding_challenge-21

A real life interview question from Google
15
star
80

coding_challenge-17

Artificial Intelligence and chatbots
15
star
81

coding_challenge-37

Toggle dark/light mode by clapping your hands
15
star
82

worldcup-2018

This project fetches data from a JSON file which contains all the worldcup 2018 details.
JavaScript
15
star
83

coding_challenge-29

Escape From Jurassic
13
star
84

breads-server

Server code for Breads. Keep track of what you read online, and see what your friends are reading.
JavaScript
13
star
85

Trello-Clone

A clone of trello, mimicking its basic functionality.
JavaScript
12
star
86

ZtM-Workouts

A project with a variety of exercises that will help you learn development.
JavaScript
12
star
87

starwars-spaceships

JavaScript
12
star
88

drum-root-api

An Express REST API service for Creating and Sharing Drum Loops
JavaScript
12
star
89

Coding_Challenge-5

Build an event page for a real company!
11
star
90

Coding_Challenge-7

It's time for you to build your own snake game
10
star
91

litter-finder

An app to find litter using community submitted geotagged images. The submitted areas are then tracked as to whether they have been cleaned up or not. There should be a leaderboard of submissions and the overall number of submitted images displayed.
HTML
9
star
92

house-organiser

"Registers the amount and type of items that you have and helps you reach your goal of reaching a certain number of items of your choice."
CSS
8
star
93

ascii-art-2022

A ZTM Challenge for Hacktoberfest 2022, converting images into text using the 95 printable characters defined by the ASCII Standard
Python
8
star
94

mappypals_backend

Backend repo for MappyPals. An abandoned student led project. If you would like to revive this project reach out on Discord.
JavaScript
8
star
95

ztm-events

The goal of the app is to make it easier for ZTM students to find information about both the upcoming and the past ZTM events.
TypeScript
8
star
96

zero-to-mastery-captions-advanced-js

6
star
97

coding_challenge-10

Two Hacktoberfest 2018 challenges
5
star
98

CodeofConduct

Be a good human.
5
star
99

projectLive

An abandoned student led project. Reach out on Discord if you would like to revive the project!
JavaScript
5
star
100

zero-to-mastery-captions-python

4
star