Giter Club home page Giter Club logo

free-code-camp-philly-showcase's People

Contributors

ajdeleon avatar angelr1076 avatar codenprose avatar danmulvihill avatar dependabot[bot] avatar equinox86 avatar gomezjonathan46 avatar joshua125 avatar mjohnwright avatar no-trbl-2-u avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

free-code-camp-philly-showcase's Issues

Show a selection of featured members on the homepage

  • Remove the card that says Approve/Reject
  • replace it with cards of members (which currently just appear on the member page)
  • If there are less than 6 members, show them all and otherwise randomize a selection
  • The random selection and order should change with every refresh of the page.

Automatically Discover User Data Files

I'd like new users to be able to contribute by just editing one file. If the .js or .json data files are automatically discovered and imported that'd help. Additionally, it'd be helpful if they are automatically displayed.

create code to check if a webpage is up

We need a way of checking if a webpage (whose url we'll have in a json file) is currently up. Because many portfolio projects are on Heroku, it needs to work with Heroku hobby servers (which boot when they receive a request...I don't know if they return a 200 right away).

Style the members page!

The cards need to be put in a container and in rows and generally, be styled to more closely match the Featured User's section of the wireframe. A seperate wireframe should be created for the members page. The main difference is the photo of the user or thier avatar should be a small circle:

Wireframe

Bring in components from React.Semantic-UI

The wireframe mockup shows various semantic-ui components. We need to bring in the ones we are using. One component has already been added as an example of how to do this but we need several more.

Semantic-UI's site is at https://React.semantic-ui.com and it has a button that gives sample code for bringing in the components which makes this task accessible to people who are just getting started with React.

Update the wireframes

We have decided to skip creating an admin interface in favor of having users submit new content through GitHub pull requests. This will let everyone practice using GitHub's system and simplify the project. However, the wireframes still show an admin system.

If anyone is interested in doing this, I'll give access to our wireframes on MockFlow

We need to delete the one regarding the admin page and add a wireframe to show how a signed out user would see a user's portfolio. This will be a modification/replacement of the signed in user screen as the system will no longer have anywhere to sign in!

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.