This epic focuses on fetching the REST GETTERS endpoints developed in the previous epic in the React client, rendering a currency market summary section, and implementing a search tab feature that allows users to search and fetch specific currency details. Additionally, a model will be defined to facilitate easy serialization and deserialization of the data.
Tasks
1. Define a model for easy serialization and deserialization
[x] Create a model that represents the currency market summary data
[x] Implement methods for serializing and deserializing the data from the API
[x] Test the model with sample data from the Bittrex API
2. Fetch the market summaries endpoint in the React client
[x] Implement a function that fetches data from the market summaries endpoint
[x] Integrate the function with the React application
[x] Deserialize the fetched data using the defined model
3. Render the currency market summary section
[x] Design the layout and visual appearance of the currency market summary section
[x] Implement a React component to display the market summary data
[x] Add responsive styles for different screen sizes
[x] Test the currency market summary component on various devices and browsers
4. Implement the search tab feature
[x] Design the layout and visual appearance of the search tab feature
[x] Implement a React component for the search tab
[x] Add functionality to search and fetch specific currency details from the specific currency endpoint
[x] Test the search tab feature on various devices and browsers
5. Integrate the search tab feature with the currency market summary section
[ ] Combine the search tab feature and the currency market summary section within the application's main layout
[ ] Ensure proper data flow and communication between the search tab feature and the currency market summary section
[ ] Test the integrated application to ensure a seamless user experience
6. Integrate with Auth0
[x] Integrate with Auth0 to obtain JWT Token
[x] Pass token to authorise into backend endpoints
[x] Provide SSO login via library
Acceptance Criteria
A model is defined for easy serialization and deserialization of the currency market summary data
The market summaries endpoint is fetched in the React client and rendered in the currency market summary section
A search tab feature is implemented, allowing users to search and fetch specific currency details
The search tab feature and the currency market summary section are integrated and functioning properly
The application is tested on various devices and browsers to ensure a smooth user experience
Any necessary updates or bug fixes are applied to the components and application as needed
This epic focuses on fetching the REST GETTERS endpoints developed in the previous epic in the React client, rendering a currency market summary section, and implementing a search tab feature that allows users to search and fetch specific currency details. Additionally, a model will be defined to facilitate easy serialization and deserialization of the data.
Tasks
1. Define a model for easy serialization and deserialization
2. Fetch the market summaries endpoint in the React client
3. Render the currency market summary section
4. Implement the search tab feature
5. Integrate the search tab feature with the currency market summary section
6. Integrate with Auth0
Acceptance Criteria