styling and UI design of the react application

[ialtafshaikh]

• [x] Design the UI for the trainee list page
• [x] Design the UI for the trainee detail page
• [x] style the nav
• [x] style the footer
• [x] style the employee list section
• [x] style the trainee detail page
• [x] findbyID - trainee (backend)
• [x] 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 :100:

nice ui design :+1: