React App Contest

This is a screening job for our main project. Selected candidates will need to complete the task outlined in this briefing. The best submissions will be given the opportunity to work on our main project (at an hourly rate). The objective of this task is to see your react and ui skills. You will be writing a reactjs app from scratch that uses redux, redux-sagas, webpack and optionally materialui. The Task: You have to create a recruitment site where users can login and look at job listings as well as apply to jobs. The site also allows employers to login and browse potential candidates as well as view candidates that have applied to their jobs. I have attached some images that display the kind of layout and ui we expect. Login page: Create a login page for users and another login page for employers. You should display appropriate error messages to users when invalid or bad credentials are entered. User Dashboard: When a user logs in, he should be taken to the user dashboard page. This page should have the following top level tabs: 1. Dashboard: It should display a simple "Hello {[login to view URL]}" text. 2. Jobs: This page should have two tabs: Openings and Applied. -- 1. The 'Openings' tab should display a list of jobs (via api call). Each job should display the company's logo and some info about the job along with an 'Apply' button (see attached image). Applying to a job should cause the job to disappear from this list. -- 2. The 'Applied' tab should display a list of jobs that the user has applied to (via api call). It should have a button called 'Cancel' next to the job that will cancel the application and remove the job from this list. Employer Dashboard: When an employer logs in, he should be taken to the employer dashboard page. This dashboard is similar to the user dashboard. It should contain the following top level tabs: 1. Dashboard: It should display a simple "Hello {[login to view URL]}" text. 2. Candidates: This page should have two tabs: Applicants and Users. -- 1. The 'Applicants' tab should display a list of users that have applied to jobs posted by this employer (via api call). There should be a Reject button next to each applicant, rejecting an applicant should remove him from this list. -- 2. The 'Users' tab should display a list of users (via api call). You should also add a profile icon in the top-right corner of the dashboards. Clicking on this icon should display a drop-down menu with a Logout button. Clicking on Logout should logout the the user/employer and redirect them to the login page. Hint: We are looking for freelancers with good knowledge of higher level components and who know how to write small, abstract and maintainable code along with a sense of design/ui. Ideally you will be writing very little code on the content pages with most of the code going into reusable components. NOTE ON BACKEND: All data should be fetched via api calls. All action buttons (Apply/Cancel/Reject) should also make api calls. The entire backend along with sample data and api instructions will be provided to you.