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
Notifications Interface
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)
@schemetastic congratulations on winning the challenge 👏.
Thanks @kudos2shef I appreciate! 😉
Congratulations @schemetastic for winning the challenge.
Thanks @arize99 💪🏽
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. 😉