https://github.com/tinkkid/goit-test-tweets
Follow to friend's tweets
https://github.com/tinkkid/goit-test-tweets
material-ui mockapi-io react react-hooks react-router
Last synced: 3 months ago
JSON representation
Follow to friend's tweets
- Host: GitHub
- URL: https://github.com/tinkkid/goit-test-tweets
- Owner: Tinkkid
- Created: 2023-05-05T10:15:52.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-15T18:10:48.000Z (about 3 years ago)
- Last Synced: 2025-01-19T07:13:54.733Z (over 1 year ago)
- Topics: material-ui, mockapi-io, react, react-hooks, react-router
- Language: JavaScript
- Homepage: https://tinkkid.github.io/goit-test-tweets/
- Size: 2.06 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Follow to friend's tweets
This project was created based on the Create-React-template.
The page shows cards with different users and number of theih tweets and
followers.
By clicking on the "FOLLOW" button, you subscribes to the user and the counter
of the followers number increases by 1. Button changes its color and text label
to "FOLLOWING". If to click on the "FOLLOWING" - text label return to previous
color with text "FOLLOW" and number of subscribers will be decreased by 1.
Data about all users is stored in Local Storage and available during next
sessions in the browser.
Also you can filter users by "SHOW ALL/FOLLOWING/FOLLOW"
The design of the project in
[Figma](https://www.figma.com/file/zun1oP6NmS2Lmgbcj6e1IG/Test?type=design&node-id=0-1&t=4cxaUO0vzAF63uiw-0).
In this project were used:
- [Material UI](https://mui.com/material-ui/getting-started/installation/) for
styling and desing some components and icons.
- [React Router](https://reactrouter.com/en/main) for navigation between pages.
- [Emotion](https://emotion.sh/docs/introduction) for styled components.
- [Axios](https://axios-http.com/docs/intro) for http requests to
[MockApi](https://mockapi.io/) with data.
### for run project use:
npm install
Link to page: [goit-test-tweets](https://tinkkid.github.io/goit-test-tweets/)