First Open Source Contribution - debugger.html
What is the project about?
debugger.html is a port of the Mozilla debugger tool that comes with Firefoxes developer tool.
It is designed to work on any web browser .This project was built from ground up using React and Redux.
This is the project running locally on my system.
Where is the code located?
Most of the source code for the project is located in the src directory.Since it is a React based application most of the "components" is located in the src/components and most of the logic or data driven functions are located in the src/reducers folder.
The components folder contains most of the front end elements of the debugger.Modules such as Editor,Primary Pane , Secondary Panes , Shortcuts are located in this location.
The reducers folder contains most of the application state logic. Functionalities such as breakpoints, pauses, event listeners etc lies in this folder.
Where are the docs?
Most of the docs are available on the project repository here.
How can you get involved?
The project itself has lots of issues filed so that a great place to start.
The issues are labeled based on the type of fix that is required.
The "help wanted" labels and the "good-first issue" labels are the best part to start for beginners.
Where can you get help?
The community is very friendly and you can leave comments in the issues comments section and Jason(the main guy) will reach back to you shortly.
Or
to get help from all the team members and other community members you can join their slack channel here
debugger.html is a port of the Mozilla debugger tool that comes with Firefoxes developer tool.
It is designed to work on any web browser .This project was built from ground up using React and Redux.
 |
| debugger.html |
Where is the code located?
Most of the source code for the project is located in the src directory.Since it is a React based application most of the "components" is located in the src/components and most of the logic or data driven functions are located in the src/reducers folder.
 |
| Project structure of debugger.html |
The reducers folder contains most of the application state logic. Functionalities such as breakpoints, pauses, event listeners etc lies in this folder.
Where are the docs?
Most of the docs are available on the project repository here.
How can you get involved?
The project itself has lots of issues filed so that a great place to start.
The issues are labeled based on the type of fix that is required.
The "help wanted" labels and the "good-first issue" labels are the best part to start for beginners.
 |
| help wanted labels for people to get involved |
Where can you get help?
The community is very friendly and you can leave comments in the issues comments section and Jason(the main guy) will reach back to you shortly.
Or
to get help from all the team members and other community members you can join their slack channel here
Comments
Post a Comment