DEV Community

Cover image for The Digital Dive Book -- My own community platform
NasreenKhalid
NasreenKhalid

Posted on

3 3 3 2 3

The Digital Dive Book -- My own community platform

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

My Community Platform

Demo

This platform is a space where creative minds unite to share, learn, and inspire! Here, skilled artists, crafters, and DIY enthusiasts from all backgrounds showcase their unique talents, share tutorials, and exchange tips. Whether you want to improve your skills, learn something new, or connect with like-minded creatives, this community is for everyone who loves making and creating.

Image description

Image description

Image description

Image description

Image description

There are pages like:

  • Home
  • Our crafts
  • Members
  • Events
  • Contact
  • About
  • Seek Advice
  • Profile

Development Journey

I used JavaScript to:

Fetch and Display Data from APIs: Integrated external APIs (like a quote or advice generator) to bring real-time data onto the site.

Build a Community Forum Feature: Created a space where users could post and comment on arts and crafts tutorials. Using JavaScript, I enabled real-time updates, so users see new posts and interactions.

Enable Custom User Interactions: I added interactive elements, such as "Like" buttons, personalized user feeds, and filtered search options, all powered by custom JavaScript to enhance engagement.

Enhanced Form Submissions: Through JavaScript, I customized the behavior of forms, enabling conditional logic and custom validation to improve the ease of sharing skills, resources, and feedback among community members.

Velo APIs

I used following APIs:

Submission: Nasreen Khalid

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (2)

Collapse
 
avanichols_dev profile image
Ava Nichols

This platform looks like a great space for creatives to connect! How did you go about deciding which APIs to use, especially the weather one? Seems like a unique choice!

Collapse
 
nasreenkhalid profile image
NasreenKhalid

Hi Ava,
So good to see your comment..I was just practicing on some other project using this free weather api so thought to integrate here as well..

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more