Mail Inbox App

Requirements

1. You may style the app as you wish as long as the functionalities meet the requirements.
2. The app should contain 3 pages :
   a. Home page - Will greet the user and let him know how many messages he has and how many unread out of them.
   
   b. Inbox page - Display all messages.
   Each message should have a subject, content and a flag indicating if the message was read.
   **Unread messages should be marked somehow.
   **Display a one liner preview of the content. The full message will be displayed in the next view.
   **Option to go back to previous page.
   
   c. Message Page - When a user clicks on a message, it is redirected to a page that will display the entire message.
   **Option to go back to previous page and to home page.

Expectations

1. Working React application.
2. Instructions on how to build and test your code.
3. Clean and readable code, comments are welcomed (when needed).
4. Improved look and feel
5. Implement at least 2 actions - Search/ Delete/ Mark as read
6. Bonus Additional functionalities in the pages.

Screenshots

Tech/framework used

• ReactJS
• Redux
• TypeScript

Installation

Running Locally

git, npm and node softwares should be installed before moving on

git clone https://github.com/dimakol/react-mail-inbox-app.git
cd react-mail-inbox-app
npm install
npm run dev

Building for production

npm run build

Deployed to Github pages

https://dimakol.github.io/react-mail-inbox-app/

License

(The MIT License)

Copyright © 2024 Dima Kolyas