search

CascadingCoders / LandingPage

Let's create a landing page for Cascading Coders! Perfect for Hacktoberfest 2019!
2 stars 4 forks source link

Display Past Projects and their Guidelines in a Unique Way #3

Open JavaScriptErika opened 5 years ago

JavaScriptErika commented 5 years ago

Goal is to showcase projects from past challenges, where we showcase the project and the guidelines, which is a google doc.

A carousel or grid per challenge may be nice here. Open to your thoughts.

Many projects are from Codepen.

Right now, use placeholder data and we can discuss this further

JavaScriptErika commented 5 years ago

You may claim this issue, but please wait, as we are pending design. I will tag you when we're ready to proceed.

brunagomes commented 5 years ago

Hi @JavaScriptErika I can work on the design for this! Can also look into developing it

JavaScriptErika commented 5 years ago

Hi @brunagomes . Great, this issue is yours! Please refer to issue #6 and the dialogue to get an idea of what we're going for! We have a wireframe that I'd like to stick to, and are awaiting design from a participant. Of course I am open to what you have in mind as we go through further iterations, but I want to stick with this structure/design before we go in a different direction.

I'm going to give you a bigger picture overview-

As far as development goes, let's have a carousel that pulls in randomly 6 projects per page load - there is no "winner" just people who have participated! :) I want to pull in user data through json that will live in the project. So in the future, when someone who has completed a challenge, they can submit a PR via the JSON with the project. This will be good enough for our simple static landing page!

Each carousel slide should include the person's name, challenge name (will be a link), background image of their submission, and link to their work. If it's codepen, I'd love a way to show the embed, but that's not necessary. I am open to your suggestions there!

So if you want to tackle the carousel component STRUCTURE first, and make a static version of it with mock data, and not worry about the json yet, that would be great. Then we can move onto adding json and its data structure / random functionality later on if that's something you're interested in (I will create a different issue and want a different branch / PR for that).

Capture

Thank you -let me know if you have any questions or if I may clarify anything! 👍

JavaScriptErika commented 5 years ago

Hi @brunagomes!

What is your current status? Thanks!