/community-members

Community members @ MobileSpace Season 2

Primary LanguageJavaScript

MobileSpace - Community Members

This repo serves as an introduction to Git & Github for MobileSpace Season 2 community members.

Demo

Getting started

Are you part of the MobileSpace Season 2 community? If so, please complete the following assignments and submit a pull request here! Someone will review (and merge) it.

Assignment #1

Objectives

  • Learn the basics of Git & Github by forking this repo, making changes and submitting a PR
  • Learn the basics of React & React Router by making the necessary changes needed to add yourself to this website

TODO

  • Submit a PR adding yourself to this website

  • ⭐ Bonus: Change the background & font-family on your own homepage

  • ⭐ Bonus: Change the layout on your own homepage and add more relevant information to it

Rockstars

Girish Homepage Ryan Homepage Bhavesh Homepage


Assignment #2

Objectives

  • Learn the basics of JSX, using React state & props
  • Learn how to use flexbox & other CSS styling

TODO

  • Create a locked screen with a secret phrase

  • Create a protected dashboard with the following 3 pages:

    • Victory Charts Page - Create 4 total charts - 1 of them has to be a custom chart made specifically for your dashboard
    • Resume Viewer/ Portfolio Page
    • Profile Page

  • ⭐ Bonus: Change the secret phrase to a password & change locked screen UI

    • ⭐ Bonus: Allow users to change secret phrase/password (update secret = 'new_secret' on browser's cache)

  • ⭐ Bonus: Cache whether the user entered the right secret phrase/password on the browser (update unlocked = true on browser's cache)

    • ⭐ Bonus: Logout feature on dashboard (update unlocked = false on browser's cache)

  • ⭐ Bonus: Dig deeper into Victory docs & create customized charts. Also update the layout on the dashbord. Look here for inspiration (dribble).

  • ⭐ Bonus: Create a custom dashboard or use ReactDnd Library to allow the user to change the dock's position (top, left, right, bottom (default))

Problems?

Feel free to create an issue when you have questions.

Finally

This repository should be safe place for everyone to try things in. Be nice to each other and in case you have any questions or need help please reach out to @monte9 (on Github or MobileSpace Slack)