marishka1997 / users-posts

Get users and posts JSON data from https://jsonplaceholder.typicode.com/

Users and Posts

Description

• Get users and posts JSON data from https://jsonplaceholder.typicode.com/.
• The list of users should be drawn as cards and each user should have a "Details" button, the button should have a simple animation;
• When pressing the button, it will take us to the user's page, where it says the user's full name information.
• On the page with user's full information about the user there should also be a button "Posts", when we click on it we will open a new page with a full list of posts. The list of posts should be presented in the form of cards.
• The page content should be center-aligned and occupy 50% for standard monitors (from 1024px) and 80% for mobile devices;
• The page should consists of several blocks: title, description, table, the middle part of the text, a few words, should be bolded and written in a different color.
• Should requires of adaptive design and cross-browsing.

Project was implemented for company Crocobet

Used Technologies

• HTML
• SCSS
• Bootstrap
• Angular Material
• TypeScript
• Angular
• RxJS

Development server

Run npm install for installation and then ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

This project was generated with Angular CLI version 16.