This ReactJS application is a simple activity tracker that allows users to view a list of calls, see details of each call, archive/unarchive calls, and perform bulk actions on calls.
- Activity Feed: Displays a list of calls with relevant information.
- Activity Detail: Provides detailed information about a specific call.
- Archive: Allows users to archive and unarchive individual calls.
- Archive Tab: Displays archived calls separately from the main Activity Feed.
- Archive All: Button to archive all calls in the Activity Feed.
- Unarchive All: Button to unarchive all calls in the Archived Tab.
To run the application locally, follow these steps:
-
Clone the repository:
git clone <repository-url>
-
Install dependencies:
yarn install
-
Start the development server:
yarn start
The app will be accessible at http://localhost:3000
by default.
The application uses the provided API to fetch and update call information. Ensure the API is accessible and configured correctly in the code.
API Base URL: https://charming-bat-singlet.cyclic.app/https://cerulean-marlin-wig.cyclic.app/
- GET /activities: Get calls for the Activity Feed.
- GET /activities/<call_id>: Retrieve details of a specific call.
- PATCH /activities/<call_id>: Update a call's archive status. (Example payload:
{ "is_archived": true }
) - PATCH /reset: Reset all calls to initial state.
- The app is designed with a focus on clean and intuitive user interfaces.
- Transitions and animations are implemented for a smoother user experience.
- The code follows best practices for structuring React components and managing state.
- Code is organized and well-documented to enhance readability.
- Modular components promote maintainability and ease of future development.
If you encounter any issues or have suggestions for improvement, feel free to create an issue or submit a pull request.