ProblemFirst

#Devlog 4 – ProblemFirst

1. UI & Experience Refinement
   Reworked the homepage layout to improve visual hierarchy and clarity and shifted to a text-first, minimal design approach to better reflect the product’s intent.

2. New Loading Experience
   Added a custom loading screen to improve first-time user experience.

3. AI Experience Improvements
   Refined how responses are displayed using structured cards, improved visual clarity of AI-generated insights.

ProblemFirst is now complete — a fully working, thoughtfully designed product ready to be experienced.

Edit - I changed the UI and make it into somethin more fun lookin too! can’t change the pic of homepage in the ship, so doin it here.

Devlog 3— Completing ProblemFirst

It’s been a while since I wrote a devlog because I’ve been spending most of my time actually building instead of documenting.

Over the last several development sessions, I put in many hours refining nearly every part of ProblemFirst, and today I’m happy to say that the first complete version is finally done!

The biggest focus was redesigning the user experience. I moved away from the generic AI-generated look and rebuilt the interface with a cleaner, more minimal design inspired by modern product websites.

I also added subtle motion graphics and smoother interactions throughout the platform.
I reworked the navigation, improved the search experience, redesigned the solution pages, simplified the overall information architecture, refined the business portal too.
A lot of time also went into making the UI feel more intentional.

After countless refinements,
ProblemFirst has evolved into the vision I originally had: a platform where people start with their problems instead of product names, while giving startups and small businesses a fair way to connect with the people who genuinely need their solutions.

But before shipping this project, I will look into the project a bit more, and make a last few changes, and look out for any mistakes as well.

Sooo excited to ship this project!!!

#Devlog 2
Today I continued building ProblemFirst, changed the landing page UI as well, wanted to keep it a bit simpler.

Including yesterday’s time a bit as well, I had also completed making the basic pages for Trending, Explore, How it Works, and for businesses page. Now I have completed making them polished and look premium.

What improved:
-Search now accepts any problem
-UI transitions into a solution workspace
-Results show in structured cards:

1. Situation
2. Why it happens
3. Steps
4. When to seek help
5. product suggestions.
   Earlier it was static, so yh now its better.

Also, I Connected the Gemini API, Set up Firebase project, Enabled Google Sign-in, built a showcase version for the businesses page.

Today I actively worked with:
-Next.js (React framework)
-TypeScript
-Firebase (Auth)
-Gemini API (AI)
-Tailwind CSS

CURRENT ISSUES (TO FIX) are Gemini responses still slightly template-like and Background animations not fully active. Also, Card navigation still inconsistent.

Today was the day where major changes were made to this website!!!!

#Devlog 1

What I’ve Started Building:
Today, I officially started building ProblemFirst — a platform that flips the usual way people find solutions. Where instead of searching for the product the people tell their problem and My website guides you to the right solution.

Who this helps-

1. People facing real-life problems
   Someone struggling with focus, health, money, daily issues. They don’t know what to search or what to trust.

2. Small businesses (VERY IMPORTANT)

Many small brands have amazing products
But they don’t have big marketing budgets and hence don’t get visibility.

Things i completed doing today:

1. Homepage (Major Focus)
   -A clean hero section
   -Search-first approach:
   -User directly types what’s bothering them
   -Supporting UI

2. Categories Page
   -Created category cards:
   Home & Living
   Work & Study
   Health & Wellbeing
   Pets & Family

• Improvement to be made - Typography can be more premium, Cards need stronger visual hierarchy.

1. Search Results Page
   (This is the brain of the product)

-It takes users inputs
-Basic matching system in place
-Results show the solution direction

• But right now only limited solutions are there for limited problems.
  More problems with solutions have to be created.

Languages I’m Using -
(Out of these using a few for the very first time)
Next.js, React, Tailwind CSS.

Gonna do these next -
Finalize homepage UI (make it more premium)
Improve the search intelligence
implementing authentication (creating the sign in page too)

That’s it for today!!
I love the UI designed for the page, and there are animations in the background too! so it looks pretty cooll.