PickSmart - Smart Decision Helper

Make smarter choices instantly with a clean, intelligent decision assistant.

Comment

🚀 Inspiration

Making decisions — even small ones — can be surprisingly difficult. Whether it's choosing what to eat, what to work on, or what to prioritize, people often face decision fatigue.

We noticed that most tools either:

  • Randomly pick an option (too basic), or
  • Require complex analysis (too heavy)

We wanted to build something in between:

A smart, lightweight decision assistant that feels intuitive, fast, and actually helpful.

💡 What it does

Smart Decision Helper is a web application that helps users make better decisions by combining:

  • Structured input of options
  • Guided questions (priority, energy, mood)
  • A scoring-based decision engine
  • Contextual reasoning for the final choice

Instead of just picking randomly, the app guides users toward a decision that aligns with their current situation.

🛠️ How we built it

The project was built using:

  • Frontend: React (Vite)
  • State Management: React Hooks
  • Data Persistence: Browser localStorage
  • UI/UX: Custom CSS with modern design principles
  • Enhancements: canvas-confetti for interactive feedback

⚙️ Core Logic

We implemented a lightweight scoring engine:

  • Each option is assigned a base score
  • Scores are adjusted based on:
    • User priority (speed, quality, cost, ease)
    • Energy level
    • Risk preference (mood)

The highest-scoring option is selected as the final decision.

🎨 UI Transformation (Reform-inspired)

We started with a very basic interface and transformed it into a polished product-like experience by:

  • Introducing a clean, structured layout
  • Improving spacing, alignment, and hierarchy
  • Adding a guided modal-based decision flow
  • Enhancing feedback using animations and confetti
  • Highlighting results with clear visual emphasis

This transformation significantly improved usability and overall user experience.

⚔️ Challenges we ran into

  • Designing a decision system that feels smart but not overly complex
  • Maintaining a balance between simplicity and usefulness
  • Creating a UI that feels like a real product within a short time
  • Ensuring smooth user flow across multiple steps (modal + results)

📚 What we learned

  • The importance of UX over complexity in real-world tools
  • How small UI improvements can drastically improve perception
  • Structuring logic in a way that feels meaningful to users
  • Building and polishing a complete product under time constraints

🧠 Final Thoughts

This project shows how even a simple idea can evolve into a polished product with the right focus on:

  • User experience
  • Design clarity
  • Practical usefulness

We transformed a basic concept into something that feels engaging, intelligent, and genuinely helpful.

Share this project:

Updates