Condensed Email is a front-end email app using ReactJs to create a dashboard in that user can view all their mail inbox. Tech we are using: NodeJS, ReactJS, redux, redux saga, es6

Prerequisites

• You have to install nodeJS on your machine
• Install json server globally npm install -g json-server

Getting Started

We use create-react-app with some twist in package.json.

• To start development just run npm start. This command also start json server.
• To run unit test npm run test
• To run e2e test npm run e2e or npm run e2e-watch

Structure

• index.js: Our entry point
• app.js: Our main app. It utilize react router to navigate to pages
• pages: We have only one page email board. Pages contains containers
• containers: Contains all smart components. Containers contains components
• components: Contains all normal components

CSS Architect

• Theme: We use global theme scss in that: core theme overide bootstrap, our customization overide core theme
• We use BEM methodology

Mock data

We create mock json data using json-schema-faker and mock API using json-server. Know more here. Here's steps:

• json-schema-faker generate db.json file based on mock data schema we provide
• json-server will run mock api server based on the generated db.json

Run mock: npm run start-mockapi

Our mock api server will run at: http://localhost:3001

Testing

We use e2e testing and unit testing

• unit testing using Jest
• e2e testing using:
  • selenium letting us fire up a browser
  • webdriverIO controlling it
  • chai granting us assertions Usage:

npm run selenium-setup   // run only once
npm run selenium-start   // app must also be started with npm start
npm run e2e
npm run e2e-watch  // if you want to run e2e in watch mode

Notes

• We're using React Font Awesome 5

Credits

• Cloned theme
• Testing tutorial
• Steps to make unit test