- This React app combine many homework together.
- The links in this project can not use.
- Pokemon database is not complete yet.
- This app use Thai language.
- Remember the project building pattern.
- Call a TA for test your memory.
- Use
Create React App
to create a project. - Write a homepage UI of Pikkanode by requirement
- A navbar has a logo, a create pikka, signup, signin, signout.
- Card rows
Build a picture card component to display each picture card. By this component will get prop values as follows
id
: an id of PikkaimgSrc
: an image sourcecreateBy
: who is post this photo?date
: post date;likeCount
: a number of likescommentCount
: a number of comment
This is not connect the database yet, So I mock the data.
- Fetch data from (https://randomuser.me/api/)
- Display the data as follows
- Gender
- Name (title, first, last)
- Image (use a large image.)