Easylancer Web App

This is the initial version of the single page app that is going to be shown to the web users. It is designed to be mobile-first with performance and UX in mind. The app sole communicator is the Client API (https://github.com/ahmedsaab/easylancer-client-api) which abstracts all the user communication.

Authentication is made by Auth0 to get a valid JWT token (https://auth0.com/)

Quick start

1. Make sure that you have Node.js v8.15.1 and npm v5 or above installed.
2. Run npm install in order to install dependencies.
3. Run npm start to see the app at http://localhost:3000
4. Run npm run mock-server to start the mock server backend at http://localhost:8080

Documentation

• The Hitchhiker's Guide to react-boilerplate: An introduction to the boiler-plate app that the app is based on.
• Overview: A short overview of the included tools
• Commands: Getting the most out of this boilerplate
• Testing: How to work with the built-in test harness
• Styling: How to work with the CSS tooling
• Your app: Supercharging your app with Routing, Redux, simple asynchronicity helpers, etc.
• Troubleshooting: Solutions to common problems faced by developers.

TODO (FE)

• Task Page

  • Distinguish assigned offer in offers tab
  • Color code task status tag
  • Sidebar on click link backdrop bug
  • Disable body scroll on open Sidebar on mobile
  • Fix z-index order
  • Disable scroll while OfferDetails modal open on mobile
  • Ability to hide/close the offerDetails modal
  • Action buttons restyling (sticky)
  • Offers tab empty state
  • Offer Details Modal content + actions business logic
  • TaskAssignedModal content
  • Create offer success/failure modal contents
  • Assigned Offer on click + Modal
  • Fix broken Auth workflow for not logged in sessions
  • Login button styling
  • Create task button
  • Create task modal
  • Scrollable Fluid Modal
  • Sticky offer details action buttons
  • Offer Details overflow bug
  • Cancel task action and modal
  • Finish task action and modal
  • Review widget in task page
  • Edit task
  • Design Spinners
  • Empty message modal
  • Open message modal from offer
  • Open message modal from task
  • SideBar content regarding logged in user
  • Sign in and sign up

• (A) As an owner I should be able to see:

  • (1) all my open tasks (those that are open, assigned to a worker, pending my review, or pending the worker's review)
  • (2) all my closed tasks (including those that are done, not-done, cancelled, or in investigation)

• (B) As a worker I should be able to see:

  • (1) all the tasks I applied to (in any status)
  • (2) all my planned tasks (those that are assigned to me or waiting my review)
  • (3) all my closed tasks (including those that are done, not-done, cancelled, in investigation, or pending the owner's review)

A0: New -> [] A1: Planned -> [Started, Scheduled, Pending my review] A2: Finished -> [Investigating, Done, Not Done, Pending the worker review] A3: Cancelled -> []

B1: Planned -> [Started, Scheduled, Pending my review] B2: Finished -> [Investigating, Done, Not Done, Pending the owner review] B3: New -> [] B4: Cancelled -> []

TODO (BE)

• Review and change the task statuses names
• Implement badges business logic
• Distinguish new offers
• Filter out removed tasks from Client API
• Get offer endpoint with more data about the offer's user relative to the task applied (similar finished tasks, relative badges, relative success rate, relative ratings)
• Filter out investigation tasks from search, get task, and profile tasks endpoints but not in my tasks page
• Add badges functionality
• Add tags functionality
• Fix seen functionality