Challenge Overview
Challenge Objectives
-
Set up the base project structure according to the project documents and standards.
Project Background
Our customer is having an application which is used to manage credit deals. Current Application uses WPF technology as a user interface which requires installation in each user machine. As a customer trying to centralize the application and would like to move towards HTML5 based solution, the presentation layer functionalities are moved to the new application.
Technology Stack
NodeJS, Javascript, ReactJS
Code access
Note available yet. The initial code base is to be created in this challenge.
Requirements
1. Setup initial project structure following project documentation, sources provided and ReactJS best practices.
- Setup RactJS project with all dev/prod sugars included and scripts configured.
- For project structure use structure.pdf. Create all folders and files(empty) as shown in the document.
- Replicate package.json and setup proper ReactJS project structure. All npm scripts should be working.
- Note that the project uses LESS for styles processing.
- Refer to output.txt file for the source code of common components. All provided should be extracted and placed in the corresponding file in the project structure.
- Keep track in a file if any of the extracted components is missing some dependencies or is not working. We will fix them latter but need to know what is wrong and where.
2. There should be one page created and mounted to /examples/common-components that will show/render all components(except some that are not working and identified in 1) extracted from output.txt for demo purposes. We need to see them visually and be able to interact with them.
3. Setup https://github.com/typicode/json-server that will start automatically in dev mode and load everything from a folder named “mock-api” in the project root. Should use ‘--watch’ option to refresh when data is updated. Add a variable to app constants for dev and prod as API_URL. For dev, it should point to the json-server address.
- In the forum file api.pdf is provided. It lists all endpoints needed. Those should be configured properly in the json-server following the requested path structure as per the file. Responses/data to each of them are provided in the RESTJSON.zip file. It should be used as a response for the endpoints.