React Notes List Application

React multi-page application with REST API data parcing, data filtering & sorting logic, dynamic pagination and app routing. The simulation of receiving data from the server is implemented using the JSONPlaceholder website.

The application includes:

• Consuming REST API
• React custom hooks
• Dynamically resizable and filterable list of notes
• Controlled React components
• Basic routing and authentication logic

The application is designed based on Ulbi TV video tutorials. Hosted review version of app is available here.

Stack

• React v18
• React hooks for state management and navigation
• React Router v6 for routing
• Axios for working with API requests
• React Transition Group for animations
• Intersection Observer API provides infinite page scrolling

Learn More

You can learn more in the Create React App documentation. To learn React, check out the React documentation.