- Replace
<your_account>
with your Github username in the DEMO LINK - Follow the React task guideline
Implement an application with 5 components PostList
, PostInfo
, UserInfo
,
CommentList
and CommentInfo
displaying posts with comments and user details.
- Create a
preparedPosts
array in the App with eachpost
having a link to auser
andcomments
array. And pass it to thePostList
. - The
PostInfo
accepts apost
object (withuser
andcomments
properties added before) and renders atitle
, abody
, aUserInfo
and aCommentList
- The
UserInfo
accepts auser
object and renders at least aname
and anemail
- The
CommentInfo
should show aname
, abody
and anemail
REQUIREMENTS:
preparedPosts
list should containdata-cy="post-info"
attributetitle
of eachpost
inPostInfo
should containdata-cy="post-title"
attributebody
of eachpost
inPostInfo
should containdata-cy="post-body"
attributename
of the user inUserInfo
should containdata-cy="name"
attributeemail
of the user inUserInfo
should containdata-cy="email"
attributename
of the user inCommentInfo
should containdata-cy="comment-name"
attributebody
of the user inCommentInfo
should containdata-cy="comment-body"
attributeemail
of the user inCommentInfo
should containdata-cy="comment-email"
attributeul
inCommentList
should containdata-cy="comments-list"
attribute