Delivering/Launching
Project's Goals and Outcomes
Programming language: React.js | Next.js Framework (JavaScript) and CSS
-
Website/Desktop Application (Conversion using Electron.js)
At least ONE of the clothing categories is available to customize, save, and print: T-Shirt
Working editing features:
-
Color background
-
Image upload
-
Inserting shapes
-
Details inputs
Application pages:
-
Homepage
-
Template Menu Page
-
Editing Page
-
Print Page
Saving Features:
-
Users can save the project to their local computer with a particular file format
-
Users can export their results to an A4 style page in PDF format
Publishing in the Personal Profile Website
Website Publication​
​
My plan was to have an interactive display on my website, but I have not figured out how to do so yet; however, I'm sure there's a way for it, and this idea, will be implemented into my future references. For now, all programs, UI/UX designs, line codes, packages, and images have all been uploaded and updated to my personal GitHub. You can access and download the files by clicking the button below
​
Click the button below to access more details.​
​
Publishing in Canvas School Course
Canvas Publication​
​
CSS 496 has given me a chance to share and present this application/website to other colleagues and instructors. Sharing this project through posters, presentations, and school websites at the University of Washington.
​
Click the button below to access more details.​
​
Reflection
​Throughout this process, not only did I learn how to program this app, but I also learned how to research properly; manage time; chase the weekly goals and expectations; meet and work with instructors, stakeholders, and experts; and most importantly, I learned not to be afraid to make and have mistakes like issues in the implementation process, in scheduling, and the project’s content in general because, if I can learned one thing from that, I learned that mistake is nothing but an opportunity for our success. The OFF-STYLE project has significantly contributed to my professional development in multiple ways. Firstly, it provided practical experience in leading a complex project from concept to completion, reinforcing my ability to manage time, resources, and stakeholder expectations effectively. Collaborating with a diverse team of developers, designers, and industry experts enhanced my communication and teamwork skills, as I learned to integrate diverse viewpoints and feedback into the project. Furthermore, the challenges faced and overcome during the development process have strengthened my problem-solving abilities, making me more adept at addressing unforeseen issues and finding innovative solutions. Overall, this project has not only expanded my technical expertise but also enriched my capacity to lead and collaborate in professional settings.
Future Work
Future Reference​
​
The first focus for this project’s improvements is adding and perfecting the editing features maximizing users' capability, creativity, and innovation. After editing features are set, enabling the other five clothing templates to be customized.
Before adding more clothing categories to the app, each category should have different types of options added allowing particular different types of t-shirts, hats, shorts, and more can be customized accurately.
Saving features in the project could also be improved by containing an internal database for each user to save within the application/website, so users do not have to waste memory space from saving to the local computer. Exporting files could also be more versatile by adding more sizes and file types in the printing options.