The application allow users to view and search posts and comments provided by the Reddit API.
Live demo https://reddit-client_simonapiz.surge.sh/.
Reddit is a website where people share links to articles, media and other things on the web. I use Reddit's API to provide data to integrate into the application. The application will allow users to view and search posts and comments provided by the API.
- react: 18
- react-redux: 8
- redux: 4
- node: 18
- Users can use the application on any device (desktop to mobile)
- Users can use the application on any modern browser
- Users can access your application at a URL
- Users see an initial view of the data when first visiting the app
- Users can search the data using terms
- Users can filter the data based on categories that are predefined
- Users are shown a detailed view (modal or new page/route) when they select an item
- Users are delighted with a cohesive design system
- Users are delighted with animations and transitions
- Users are able to leave an error state
- Get 90+ scores on Lighthouse
- We understand you cannot control how media assets like videos and images are sent to the client. It is okay to have a score below 90 for Performance if they are related to the media from Reddit.
- OPTIONAL: Get a custom domain name and use it for your application
- OPTIONAL: Set up a CI/CD workflow to automatically deploy your application when the master branch in the repository changes
- OPTIONAL: Make your application a progressive web app
Draft
Desktop Homepage - low fidelity - with figma
Desktop Post detail page - low fidelity - with figma
React Component Hierarchy - Homepage
To run this project, install it locally using npm:
$ cd ../[directory]
$ npm install
$ npm start
This project comes from the Codecademy's Front-End Engineer course.