Code Fellows 201 Final Team Project Helping Code Fellow Student find other classmates with shared interest.
Experience the Class Cards application here: http://www.classcards.club/.
A few reasons:
- Learn more about planning and defining a problem domain
- Learn more about DOM, object literals and constructor functions
- Better understand how to DOM with JavaScript
- Help us practice JavaScript, HTML and CSS coding
- VisualCode
- bash Linux terminal
- HTML
- md
- CSS
- Erik Myer's CSS reset.css code
- JavaScript
- GitHub
- Jon Duckett HTML & CSS book
- Jon Duckett JavaScript & jQuery book
- Logo from LogoJoy (https://logojoy.com/)
- Help from our instructor, classmates and TAs
This is a way for Code Fellow students to find others who have shared interest in a hobby and possibly a coding language.
-
Source for template to create User-Scenarios: UserZoom website: https://www.userzoom.com/user-experience-research/a-simple-template-for-writing-usability-tasks/
-
Source for multichoice option as an input from MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option
-
Source used to align the heights of About Us cards: https://stackoverflow.com/questions/23780092/floating-li-with-different-heights
-
Source used to align image height in each card: https://stackoverflow.com/questions/18789206/floating-html-list-items-with-different-height
-
Source used to figure out how to get the github link to work within button anchor tag: https://stackoverflow.com/questions/5025941/is-there-a-way-to-get-a-button-element-to-link-to-a-location-without-wrapping
-
Source used to help design the About Us cards https://www.w3schools.com/howto/howto_css_cards.asp
-
Source to better understand fieldsets, which have specific css they accept and deny when rendering: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
-
Source used to help create shadow effect on title of cards so it will show no matter what color user selects: https://stackoverflow.com/questions/11323813/how-to-outline-text-in-html-css
-
Source used to create a animated gif of all our available avatar choices. http://gifmaker.org/
-
Source used to help create browser dector for home page and about us: https://www.learningjquery.com/2017/05/how-to-use-javascript-to-detect-browser
-
Avatar images from Google Images
Please contact us at Awesome 201 on GitHub (https://github.com/Awesome201).
Thank you.
While this code may be considered protected/open under the MIT Licesnse, please note that the content and images displayed are the intellectual property of Awesome 201(c) 2018.