This week marked a major turning point in my ISM project. I successfully completed the Next.js front-end interface and fully integrated it with the Flask API. Users can now interact with a fully functional web app that allows them to use an inbuilt camera preview to take a live photo of a skin spot. After clicking the “Click Picture” button, the image is instantly sent to the backend for analysis, and users receive AI-generated predictions within seconds. With this, the project has become more than just an idea or prototype. It is now a tangible, interactive tool that others can use and benefit from.
The interface is designed with clarity and ease of use in mind. From capturing an image to receiving a prediction, every step is smooth and responsive. Once a user takes a photo, the image is sent to the Flask API, which processes it through the AI model, returns a structured JSON response, and deletes the image to maintain privacy. The interface then displays the result in a clean, easy-to-understand format. This entire cycle is quick and secure, aligning with the project’s goals of speed, usability, and user trust.
Seeing the app come together as a fully functioning system was a rewarding moment. It was the first time I could step back and use the tool as a real user, and it works. This milestone not only validates the technical components I have built but also opens up opportunities for feedback and testing from peers, mentors, and potentially healthcare professionals.