Wrapedia

this is a main web page
this informs people what are the restriction for tinting, how dark it should be and other rules are going to be included.
this is the where user can find what he is looking for: pricing list, locations all info that they need.

Inspiration

The idea for Wrapedia came from Expedia. Expedia makes it easy to compare flights, hotels, rentals, and travel options in one place instead of opening many tabs and wasting time. I wanted to create a similar experience, but for car services.

When someone needs window tint, PPF, detailing, ceramic coating, architectural tinting, commercial wraps, or commercial tinting, the process can be confusing. You usually have to search on Google, open many shop websites, call different businesses, compare prices manually, and still not know which option is fair or reliable. Wrapedia is my attempt to make that process faster, simpler, and more understandable.

What it does

Wrapedia is a marketplace-style website for people looking for car protection and appearance services around the Houston area. Users can search for services like window tint, ceramic tint, paint protection film, ceramic coating, vinyl wraps, commercial wraps, detailing, and architectural tinting.

The website shows nearby shops, service categories, prices or market estimates, map locations, and helpful information so customers can compare options quickly. The goal is to help users understand what service they need, what a fair price might be, and which local shop could be a good match.

I also added an AI assistant concept so users can ask car-related questions, such as whether a tint percentage is legal in Texas, whether PPF or ceramic coating is better, or what a fair price is for a service.

How we built it

I built Wrapedia using VS Code, Claude AI, Codex/ChatGPT, and GitHub. Since this was my first hackathon and I had almost zero manual coding experience, AI tools helped me understand how to turn my idea into an actual real product.

Claude helped me generate and improve the code, Codex/ChatGPT helped me brainstorm features, explain technical problems, improve the project story, and think through the product direction. I used VS Code to manage the files and GitHub to push and organize the project.

The process was not just “AI made it.” I still had to come up with the idea, explain what I wanted, test the website, ask better prompts, fix problems, decide what features mattered, and understand how the pieces connected. This project helped me learn how coding tools work and how an idea can become a real prototype.

Challenges we ran into

The hardest part was not only coding. The hardest part was brainstorming clearly, organizing the idea, and figuring out what the website should actually do. I had to think about the user flow, what services to include, what information customers need, and how to make the website feel useful instead of just looking nice.

Another challenge was learning the technical process: using VS Code, working with files, understanding GitHub, pushing code, and managing changes. Since I am a beginner, many small steps felt difficult at first.

I also had help from other participants sitting near me, and I really appreciate them. They helped me understand parts of the process and encouraged me to keep going.

Accomplishments that we're proud of

I am proud that I created something from scratch. Wrapedia is my first website that feels like a real product, not just a practice page. It started as an idea in my head and became a working prototype that people could actually look at and understand.

I showed the website to other hackathon participants, and they told me it was cool for a first project. That motivated me a lot and made me want to keep learning.

I am also proud that I joined the beginner track and still built something meaningful. This project showed me that even without much coding experience, I can use the right tools, ask questions, learn step by step, and create something useful.

What we learned

I learned how to use GitHub, VS Code, Claude Code, Codex, and ChatGPT as coding tools. Before this hackathon, I had almost no knowledge of coding manually. Now I have a better understanding of how websites are structured, how to work with code files, how to push a project, and how to turn an idea into a prototype.

I also learned that building a product is not only about writing code. It is about solving a real problem, understanding users, making decisions, testing, refining, and clearly communicating the idea.

Most importantly, I learned that I can start from zero and still build something if I stay curious and keep asking for help.

What's next for Wrapedia

Wrapedia is still a prototype, like a seed that has been planted. The next step is to make it more real and useful.

Future improvements could include real shop partnerships, live pricing, real booking, verified reviews, stronger AI recommendations, voice assistance, and more cities beyond Houston. I also want to improve the AI assistant so it can answer more car-related questions about laws, products, pricing, and shop recommendations.

This hackathon version is just the beginning. I want Wrapedia to grow into a real platform that helps people save time and make better decisions when choosing car protection and appearance services.