Single page application, which displays emails of a user.
Set up
Requires node v10 or higher From project root directory:
- npm i
- node server
- npm start
Demo
Implementation details
- This application uses React context for state management.
- Uses Typescript for type safety
- On receiving the data, data is parsed and stored by user and by folder for reducing access time.
- For storing and accessing data, combination of (sender id + receiver id + and time stamp )is used as unique ID for each mail
- Jest and Enzyme is used for testing
- Styled component and React bootstrap are used as styling and component library.
- React-intl is used for date and time.
Bugs and limitaion
- Since I am storing data folder wise and user wise, it takes more time store this data during data fetch. This is a trade off to save time during folder change.
- Not a lot of time has been spent on styling, assumptions have been made regarding exact colors and font, font size.
- Search bar does not contain search icon.
- Add E2E testing. Add more unit tests