DEV Community

Cover image for KonNiche - Skill-Based Feedback to Improve Your Projects
Schemetastic (Rodrigo)
Schemetastic (Rodrigo) Subscriber

Posted on

KonNiche - Skill-Based Feedback to Improve Your Projects

This is a submission for the Wix Studio Challenge: Community Edition.

My Community Platform

We all have strong points, but also, we all have weak points. That's a reality when it comes to build a project or a product, think about this: When you make a landing page, it may be visually appealing, but what about the user experience? Or what about your copywriting? Or its accessibility?

That's what KonNiche is about, connecting people with different backgrounds who have different niches and skills in a thread based system.

This is how it works:

The system is based on collectives, a collective refers to a page that contains photos and content of a project, each collective can have up to 3 topics of discussion, and you can participate in any of those with comments.

Give

Help others with their projects by giving valuable feedback in their collectives, at the same time, this can help you to build authority in a specific field.

Get

By publishing a collective, you create the opportunity to let others help you in your weak points, or they can let you know where you nailed it.

Mean of the word collective: β€œrefers to a group of entities that share a common interest or goal and work collaboratively towards achieving it”

Demo

Preview link: https://schemetastic.wixstudio.io/konniche

Home Header

Header of the KonNiche platform

Notifications Interface

Notifications interface of KonNiche

Development Journey

Velo APIs

$w: used to select elements, datasets, add events, etc.
wixLocation: when a collective is created, this API redirects the user to the newly created collective page.
wixData: to query specific data from collections.

Wix Apps

Wix Comments

With Velo, using the $w method, and selecting the comments element, I changed comment threads with the setResourceId() method.
Ref in the documentation: $w > WixComments > setResourceId()

Also, I used in the backend the wixComments_onCommentCreated event to detect when a user makes their first comment and award them with a badge that is visible in their profiles.

Wix Members Area

currentMember from "wix-members-frontend": to obtain data from the logged users.
members from "wix-members.v2": to obtain data from different users, such as profile photos, slug, nickname.


Features made with Velo

  • Notifications: When someone comments on your collective, you receive a notification.
  • First comment badge: when you post your first comment, you receive a badge
  • Form validation of the collectives: you can't upload images larger than 1MB and different elements have custom validations.
  • Filtered collectives using repeaters and adding custom data with Velo

Why is it called KonNiche? (⚠️ puns next ahead)

KonNiche = Connect Niche (why not ConNiche? ... Nah)
Konnichi = πŸ‡―πŸ‡΅ Japanese word for β€œtoday”, because the best way to start a project is beginning today and start gathering feedback, that's how you improve. You build, gather feedback, improve, and iterate.

But if that wasn't punny enough for you, I'd like to think about the KonNiche interface as the KonNiche UI (πŸ‡―πŸ‡΅) πŸ₯


Quick disclaimer: some images such as the persons included in the header illustration were already in my possession before the contest started.


Huge thanks to Anna Kulikova for being one of the test users! Do me a favor and follow her on X!

Top comments (5)

Collapse
 
kudos2shef profile image
Shefali Kashyap

@schemetastic congratulations on winning the challenge πŸ‘.

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

Thanks @kudos2shef I appreciate! πŸ˜‰

Collapse
 
arize99 profile image
Arize Nnonyelu

Congratulations @schemetastic for winning the challenge.

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

Thanks @arize99 πŸ’ͺ🏽

Collapse
 
schemetastic profile image
Schemetastic (Rodrigo)

When using KonNiche, please notice that this was made in under a week, so don't expect a full-fledged platform, for example, so far, notifications aren't received on comment replies, but you can receive them on any parent comment that someone else creates on your collective. But think about this! If this was made in under a week, what could be achieved in 2 weeks? I hope this project helps you to see the Wix Studio and Velo capabilities, and I wanted to show that. πŸ˜‰