React App Development
25 May 2024
Objective
Develop a front end app/UI to allow user interaction with a specific data set used for maintaining recurring/scheduled events.
Technical Goals/Overview
Phase 1: The application will be designed to allow users to filter, view, edit, and save changes to a mocked data set. The application will be built using React and will be designed to be responsive, intuitive, and easy to use for managing scheduled events.
Summary: Technical Implementation
- Develop React Application:
- Create a new React App.
- Implement feature/component to:
- filter and display the data set.
- allow users to edit the data set.
- manage multiple dates per recurring/scheduled event such as scheduled exceptions.
- save changes to the data set and minimize potential loss of data by api errors/failures through use of local storage/retry.
- Implement UI/UX with the following considerations:
- Responsive design to ensure the application works well on different screen sizes.
- Styling the application to make it visually appealing.
- Intuitive and easy to use interaction for managing recurring/scheduled events.
- Seamless and streamlined User Experience and business process flow.
- Testing:
- Write unit tests for the components using Jest and React Testing Library.
Overall, the technical implementation focused on developing a React application that allowed users to interact with a specific data set. The application was designed to be responsive, accessible, and visually appealing. Testing was an important part of the development process to ensure the application worked as expected and allowed for refactoring design changes.
Skills Footprint:
| Category | Technical Specifics |
|---|---|
| general | Web Development * React Development |
| standards | HTML * CSS * JSON * Typescript * REST * JSON |
| tools | VSCode * GIT * NPM * React * Jest |
| concepts | Front End Development * Responsive Design * UI/UX |
| packages | React * Jest |
| deployment | Github Actions |