TranspilerX is a powerful web application that translates code between programming languages using the Gemini API and ReactJS. It offers an intuitive interface with syntax highlighting, simplifying the code transformation process for developers working across different languages.
Features
Multi-Language Support: Convert code between popular programming languages such as JavaScript, Python, Java, C++ etc.
Real-Time Conversion: Experience instant code conversion powered by the Gemini API.
Intuitive Interface: A user-friendly interface built with ReactJS.
Syntax Highlighting: Benefit from syntax highlighting in both input and output editors.
Responsive Design: Access a responsive design that enhances usability across devices.
To this repository, I made a couple of fixes, such as adding some code formatting standards, such that going forward, the code in this repository will look uniform with regards to its styling, and there will be less git diffs simply from changes in formatting.
My merged pull request for this change can be found here.
In addition to adding dependencies that assist the developers, I also helped add a new feature to this repository that helps the end users of the app.
Let me show you how the app looked before my change:
The code editor in the screenshot above shows that a user can write code, but, the code editor itself doesn't provide very good syntax highlighting (things such as the function names, variable names, etc. should be coloured differently, but they aren't at the moment). For example, the cout after std::, should be coloured differently since it is a method. The maintainer of this project wanted their users to have better syntax highlighting as they were using this web app.
To that end, I did some digging, and assisted with integrating the syntax highlighter library, shikijs/monaco with the current code. The end result is what you see below:
Now, things like variable names, and function names, etc. have a distinct colour to them, making it easier for users to write and debug code on this web app. The pull request with these changes can be found here.
Succeeding in making an accepted contribution like this made me feel a lot better as a first-time Hackathon participant.
I felt like I made an impact with this contribution, and that was a really good feeling.
My hope is that next week, I can add a fix or add a feature to a larger repository, and that my changes get accepted.
With that, I have said all I wanted to say this week.