Readabook (React)
The programming languages
TypeScript, C#, HTML, CSS, JavaScript, SQL
The AI-driven technologies
GitHub Copilot (Claude Haiku 4.5)
Library and framework used
React, ASP.NET Core, Bootstrap
The project
This project is about a library application where users can read books and keep track of books that they are reading. It is also my first big project that I used React. I wanted to learn how to use it. I also had the goal of using the AI in my work process and how to use it well to work more efficiently.
The Challenge : GitHub Copilot Chat (Claude Haiku 4.5) doesn’t always finish the task in the intended way.
The problem:
Sometimes, when I write a prompt to GitHub Copilot Chat (Claude Haiku 4.5), it doesn’t seem to be able to accomplish the prompt by itself.
The solution:
After reading the code, I proposed a solution to the AI and it was able to accomplish its task.
What I have learned from it:
Using the AI, I feel like a conductor of an orchestra. The conductor produces no sound during the performance, but guides the musicians on what to do. To be able to do so, it has to understand the music itself. When a programmer is using an AI to code, it has the same principle. Even if the programmer doesn’t always do the code, the programmer has to understand how it works to be able to tell the AI what to do to advance the project.
I also learned the importance of supervising AI-generated code, because it is not always accurate and can lead to future issues. The programmer also needs to test everything as well to be sure nothing changes. Since the AI will change things we might not always think it will change, it is important to make unit testing to save time testing the application.
Also, since we develop faster with the AI, it is important to document the code so we don’t get lost when we keep developing the application.