Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Small mail inbox app

License

NotificationsYou must be signed in to change notification settings

dimakol/react-mail-inbox-app

Repository files navigation

Requirements

  1. You may style the app as you wish as long as the functionalities meet the requirements.
  2. The app should contain 3pages :
    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

image

image

image

Tech/framework used

Installation

Running Locally

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

git clone https://github.com/dimakol/react-mail-inbox-app.gitcd react-mail-inbox-appnpm installnpm 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


[8]ページ先頭

©2009-2025 Movatter.jp