styling and UI design of the react application

[ialtafshaikh]

• Design the UI for the trainee list page
• Design the UI for the trainee detail page
• style the nav
• style the footer
• style the employee list section
• style the trainee detail page
• findbyID - trainee (backend)
• fetch trainee data by id and implement the trainee detail page / component
  React app documentation (task assigned to rishikesh)

[ialtafshaikh]

[ialtafshaikh]

[sagar-vartak]

[sagar-vartak]

Created a UI for the Trainee list page

• Made a style.css for the UI
• For Example:- .header { height: 60px; background: #333333; display: flex; flex-direction: row; justify-content: space-evenly; } #logo { width: 100%; height: 100%; display: flex; } #logo img { width: 60px; padding: 5px; }

[sagar-vartak]

Created a Backend for Find by id

• Cloned the Repository
• Created a new branch - sagar/getEmployeeId
• Pushed the changes in the branch
• Created a pull request

[sagar-vartak]

check the detail page and let me know

[sagar-vartak]

Detail page for the employee card

• Detail page UI created
• Researched about react icons
• Got a React Library for icons named react-icons
  • https://react-icons.github.io/react-icons
• Saw a video of the implementation
  • https://youtu.be/aor9hlcODUE
    

[sagar-vartak]

• implemented a detail page
• Added route and link for detail page

[sagar-vartak]

Changed the styling for card to display the social links on the card
Screenshot from 2021-01-02 14-59-09

[ialtafshaikh]

great work sagar 💯

nice ui design 👍