Skip to content

FCC-Redmond/website-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ALL PARTICIPANTS MUST AGREE TO AND ABIDE BY THIS CODE OF CONDUCT

A. You must be a valid member of the Free Code Camp Redmond, WA Community.

B. You must be approved by Free Code Camp Redmond, WA Community Local Leader to participate in this project.

C. Only content, code, and interaction that is professional and kind.

D. Work only on your own branch (ex. 'ak-1' for amber kim 1). No working in the master branch!

E. No merging of your own pull requests. Only designated Merge Masters can merge pull requests.

F. Make use of Frequent commmits, good, informative messages, and no working directly on your master

MERGE MASTERS:

  • Amber Kim
  • Apoorva Teja

ASSIGNMENT 1: HTML

  1. Clone the repo to your local repository
  2. Create a new branch with your name and an incrementer. Ex. ak-1
  3. Create an html file in '/members' with your name as the file name. Ex. amber-kim.html
  4. Create your html scaffold (See the wireframes).
  5. Add in your content and image.
  6. No CSS or styling just yet so your page won't look like the wireframes yet, but it needs to have the right order.
  7. Add, commit, push.
  8. Pull request to your FORK's master when your page is ready.

ASSIGNMENT 2: CSS

  1. Create your own .css file under '/members/css'. Name your css file with the same name as your html file. So amber-kim.html would be amber-kim.css
  2. Read https://smacss.com/
  3. Read https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  4. You won't be separating everything in different .css files, but you can practice in your own .css files under '/member' by separating your categories using CSS comments.
  5. Design ONLY for mobile for now. See the 'wireframes/fcc-redmond-profile-wireframe.png' file
  6. You may use your own colors, fonts, etc.
  7. The wireframes are a starting point. You don't have to build it exactly.

ASSIGNMENT 3: JSON & API INTRO

  1. Read: https://restfulapi.net/
  2. Read: http://www.bmc.com/blogs/rest-vs-crud-whats-the-difference/
  3. Install on Chrome: https://github.com/callumlocke/json-formatter
  4. Take a look at one of our API endpoints: https://fccredmond.herokuapp.com/api/v0/members/

We can do CRUD operations on this endpoint.

https://fccredmond.herokuapp.com/api/v0/members/kim
  1. Create your own account so your information displays on our home page. Make sure to include the link to the photo you used in the html profile page you created! (look for or ask in Slack for instructions).

Sign up for FreeCodeCamp.org!

Start Learning Full Stack JavaScript Here

SPECIAL THANKS:

  • Font Awesome for the awesome fonts!