Hello there, this is a project to show the top 50 posts of Reddit!
You can check the demo here: https://reddit-top-posts.netlify.app/
You'll be able to see in each post:
- Title
- Author
- entry date
- A thumbnail for those which have a picture.
- Zoom the thumbnail in details
- Number of comments
- Unread status
Besides, you'll also be able to see in this project:
- Pagination support
- Saving pictures in the picture gallery
- App state-preservation/restoration
- Indicator of unread/read post (updated status, after post it’s selected)
- Dismiss Post Button with animation
- Dismiss All Button with animation
- Support split layout (left side: all posts / right side: detail post)
- Responsive design
Plus you'll also be able to find some unit tests cases for most used components.
For this project it was used:
- React.js
- Typescript
- Redux with Redux toolkit and Redux-persist
- Chakra UI
- React Spring for animations
- Date-fns
- Jest