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
- Amber Kim
- Apoorva Teja
- Clone the repo to your local repository
- Create a new branch with your name and an incrementer. Ex. ak-1
- Create an html file in '/members' with your name as the file name. Ex. amber-kim.html
- Create your html scaffold (See the wireframes).
- Add in your content and image.
- No CSS or styling just yet so your page won't look like the wireframes yet, but it needs to have the right order.
- Add, commit, push.
- Pull request to your FORK's master when your page is ready.
- 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
- Read https://smacss.com/
- Read https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- 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.
- Design ONLY for mobile for now. See the 'wireframes/fcc-redmond-profile-wireframe.png' file
- You may use your own colors, fonts, etc.
- The wireframes are a starting point. You don't have to build it exactly.
- Read: https://restfulapi.net/
- Read: http://www.bmc.com/blogs/rest-vs-crud-whats-the-difference/
- Install on Chrome: https://github.com/callumlocke/json-formatter
- Take a look at one of our API endpoints: https://fccredmond.herokuapp.com/api/v0/members/
We can do CRUD operations on this endpoint.
- Create https://fccredmond.herokuapp.com/api/v0/members/
- Read https://fccredmond.herokuapp.com/api/v0/members/
- Read with filtering https://fccredmond.herokuapp.com/api/v0/members/:lname Example:
https://fccredmond.herokuapp.com/api/v0/members/kim
- Update https://fccredmond.herokuapp.com/api/v0/members/:id
- Delete https://fccredmond.herokuapp.com/api/v0/members/:id
- 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).
Start Learning Full Stack JavaScript Here
- Font Awesome for the awesome fonts!