React (version 16 above) utilising hooks 2. Typescript or Javascript (ES6) 3. CSS Modules (SASS / LESS) or CSS in JS 4. Usage of State Management. (Mobx or Redux) Tasks
- Create the user profile card component based on the provided design.
- Based on the component above, create a simple responsive application that has features below a. List user profile cards (min. 15 cards in a page) b. Ability to modify existing user profile c. Ability to add new user profile
- There is no need to build any backend (api layer, server, database). For this task, to grab random user profiles you can utilise either a. JSON Placholder (Note: You may disable CORS during development) b. faker
- If there is no profile picture, display the user initials as the profile pictures.
#Jathevan
I used react "react-profile-card" for UI design. FYI : https://www.npmjs.com/package/react-profile-card
According to my requirement I modified that library. Get the modified libary from /modified_libraries/react-profile-card & replace the react-profile-card folder in node_modules
Use below link for API calls https://my-json-server.typicode.com/jathevan/Social_Card User records(API) : https://my-json-server.typicode.com/jathevan/Social_Card/users
I used JSONPlaceholder for API integration with Github https://jsonplaceholder.typicode.com/