Giter Club home page Giter Club logo

coding_challenge-32's Introduction

Coding Challenge 32 - Keiko Corp Startup

Build your own version of the Keiko Corp Website (With a bonus of Pair Programming!)

Last month, for Hacktoberfest, we completed a group project for the Keiko Corp startup. We finished the month with a Responsive Layouts workshop on https://zerotomastery.io/academy recreating the Keiko Corp mockup. Now, we want you to show us your CSS skills. Take the Figma Mockup and show us your version of a mobile-first, responsive website. Try to use modern CSS, Flexbox and Grid, and relative units to create a fluid website for the Keiko Corp startup.

BUT WAIT! - THERE IS MORE

This month we are using an awesome new tool called GitDuck to make live pair programming possible! How does this work? Keep in mind this is optional if you want to work with someone, but we do recommend doing this:

  1. Find a partner to do the coding challenge with in the #coding-challenge channel on our Discord server.
  2. Both of you will need to visit https://gitduck.com/ and install the extension (we recommend using VS Code for the best experience)
  3. Start live pair programming and working on the coding challenge together!

The Rules Are:

  1. Use the mobile-first technique and modern CSS (Flexbox and Grid).

  2. Do not copy someone elses code. Try to start from scratch and use the Figma file to come up with your own version of the website. If you struggle with creating the HTML, you can use the start branch of the workshop repo.

  3. You have until November 30th at 11:59pm EST to submit your site (using Github. If you don't know how to do that, check out the lecture in the Git + Github section of the course). You will have to submit the link to the #coding-challenge Discord group with the following message: -challenge URL LINK TO YOUR ENTRY" . The bot will listen for the command and will reply with "thanks for your submission" if it succeeded.

  4. Use whatever tools you have as developers (google, friends, Discord, programming buddy etc...) but I will not be offering any help with this challenge. Just like a developer, you must solve a problem and create something unique. Nobody will hold your hand during the job so we want to experience that by figuring it all out on your own with your team.

Submissions:

Carlos Hernández#8767 Github Pages https://carls13.github.io/keiko-corp/

Onur "Saldoc" Çoban#4930 Github Pages https://saldocc.github.io/keiko-startup/

One Last Thing!

Please note: As with all of our challenges, there is zero benefit or monetary gain we receive from it. This is just our way of extending the classroom and making sure that you are able to continue gaining valuable knowledge outside of the courses.

coding_challenge-32's People

Contributors

aneagoie 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.