Skip to content

standingdreams/gmail-ui-exercise

Repository files navigation

UI Exercise

A replica of Gmail using React. This exercise was developed using Gatsby.

Running Site

  1. Clone repository to local system
  2. Open directory in a Terminal window
  3. Run npm install to install dependencies. The Gatsby site is built after dependencies are built.
  4. Run npm run serve to view the website. If, by chance, you have need to build the site, you can run npm run view.

Tests

All tests are done via Cypress. To run tests, run npm run test:e2e.

Current Tests

  • Test if email is deleted
  • Test if email is starred

ToDos

  • Display full email contents on click
  • Display starred emails
  • Displayed trashed emails
  • Use icon for trash instead of "Trash"
  • Create dropdown for tags
  • Create tests for starred inbox
  • Create tests for trash inbox
  • Create "read" and "unread" state

About

An exercise where I rebuilt Gmail using React and SCSS.

Resources

License

Stars

Watchers

Forks