This application was built as part of a software development assessment for Mudita Venture Studios. The goal was to create a responsive web app that helps users plan their day efficiently using AI.
 

Process:

Initially, I considered building this as a standard React web app with Material UI, integrating an AI-based scheduler using OpenAI’s API. However, as I developed it, I realized that leveraging Wix’s developer tools was the most efficient way to present this project—especially given my current workflow. This approach allowed me to apply both frontend and backend coding skills while also demonstrating how I build and deploy client sites for my business, The Handsomest Nerd, LLC (thehandsomestnerd.com). Additionally, it provided an opportunity to showcase my ability to integrate Third-Party APIs and Services effectively.

Beyond development, I have worked with Outlier.ai and app.dataAnnotations.tech to train AI models to code. This experience has significantly refined my ability to craft precise AI prompts—whether for generating structured text, optimizing development workflows, or even creating AI-driven images. This skill was particularly useful in structuring AI-generated schedules for this project, ensuring that the model produced meaningful, actionable plans.

To secure the OpenAI API key, I utilized Wix Secrets Manager in the backend code. Instead of exposing the key in frontend requests, all API calls are handled server-side, ensuring sensitive information remains protected. This implementation prevents unauthorized access and aligns with best practices for handling API credentials in web applications.

Using Wix as a platform made sense because it enabled me to quickly set up a flexible and scalable web application while still coding the necessary logic for AI scheduling and UI responsiveness.

​

Tech Stack:

• Primary Development: React, Material UI, Framer Motion (for animations), OpenAI’s API (for AI scheduling)

• Alternative Implementation Approach: Wix’s developer tools + custom backend scripting

• Postman and the Open AI postman collection to test Open AI API endpoints.

Time Taken:

• Planning & Setup: 30 minutes

• Development & Styling: 2 hours

• Testing & Refinements: 1 hour

• Presentation: 1 hour

• Total: ~3.5 hours PLUS 1 hour to present it
   

AI Usage:

I utilized AI tools for both coding assistance and API integration. About 60% of the code was AI-generated, mainly for structuring components and styling. However, I had to step in to refine state management, API handling, and UI/UX responsiveness. 
Additionally I used AI to develop the about text and images on this page. The image was generated from bing image create using a prompt generated from ChatGPT. 
I have used bing extensively to create a line of coloring books that I give away to kids in the family.  After the image was generated as a square I used the AI Expand in Canva to expand the photo up to the size I needed.(The expansion was a bit wonky but this is the best version even though he only has half a leg)

​

Challenges:

While AI was useful for boilerplate code, it struggled with:

• Managing async state transitions smoothly

• Ensuring API responses were parsed and formatted correctly

• Optimizing UI responsiveness dynamically across different screen sizes

• some details to make the call (the model name was initially incorrect.

• knowing how to develop this thing in Wix dev environment.

These required manual debugging and fine-tuning.

​

Final Thoughts:

This project showcases not only my ability to build functional web applications but also my adaptability in choosing the right tools for the job. Whether through React, Material UI, or Wix’s developer framework, I focus on efficiency, scalability, and user experience. I can't believe I'm about to say this but this was a worthwhile coding assessment and I had fun while doing it.

​

Resume: terrellsingleton.com