Skip to content

Loque-/Tutorial-01-MembersList

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tutorial-01-MembersList

Created with CodeSandbox

Teaching Peter how to build websites with React. So far we have;

  • Had a mini-primer on HTML, CSS and then React & JS
  • Gone more in-depth with JS
  • Created a simple members list using data copied from an API response
  • Styled components
  • Learnt about iterating over arrays with map
  • Used the web inspector to view styles used on other sites
  • Discussed and implemented CSS features such as Grid and Flex

I have created this repo so we can commit to it after each session to potentially help others get into webdev.

https://codesandbox.io/s/github/Loque-/Tutorial-01-MembersList/

// Render list of users from JS object

  • Get data
  • Render data
  • Style data
  • Sortable columns
  • Folder setup and organisation
  • Finish implementing fonts
  • Link profiles to something
  • Border animation on hover
  • Get members list from Bungie API
  • Add TF Logo & Header
  • Add HTML Meta data

// For Peter

  • Add an extra Column
  • Fix font CSS