-
Implement UI of all new features in line with the theme of the App. i.e. THE MATRIX
-
Always use separate files for styling the components.
Ques: I don't understand how stylings are done in this project.
Ans: 'styled-components' is a nice library for applying styling to react components. Go through 'https://styled-components.com/' and the source-code of Leetsolve itself to get the gist of it.
-
Best Practices during development (some are applicable to this project only)
-
Because all electron.js application uses chromium engine(for rendering) which is just a browser, you should use "ctrl + R" to reload to allow the changes in front-end code to take effect.
-
If changes are made in main.js or any module imported to it, you have to restart the Application for the changes to take effect.
-
Make dev-tools open by default when launching the Application. (as this is the place where we will be encountering/resolving most of the issues)
-
-
The API response from leetcode.com may get timed out when fetched at very short intervals. So, for faster development of features that may have dummy data, you may use 'src/DummyData/smallResponse.js' (more details on this in main.js as comments).
-
API response structure is illustrated in 'src/DummyData/responseStruct.js'.
-
If you're stuck on an issue and having a hard time understanding the source code for where to even start. Feel free to contact me over the thread of that issue.