/HubBub

Social platform and message board, empowering users to connect with their local community. Emphasis on an intuitive, clean, and responsive UI

Primary LanguageJavaScript

Introducing HubBub

HubBub is a one-stop social platform for users to connect with their local community!
HubBub's key feature is the message board, empowering users to interact with neighbors who share a common interest.

Built with:

Demo

Welcome to HubBub's landing page! 👋
🔜 Full authentication, and user onboarding flow for new accounts.

Demo of Login

Once logged in, the user will see their selected interests, and can easily toggle which interests they'd like to follow.

Demo of Interests Page

By clicking on an interest, the user will navigate to the interest's hub page for their city, featuring a message board.
On the Seattle Gaming hub, users are discussing a variety of topics! 🎮
From a forum topic, it's easy for the user to navigate back to the main interest hub page.
🔜 Additional widgets on the interest hub page.

Demo of Accessing Interest Forum

Here, a user adds a new topic to the message board! Be sure to populate both the title and text ;)
When the modal is active, an overlay prevents the user from interacting with other elements on the page. Clicking anywhere outside the modal will cause the modal to close.
The message board features automatic pagination. 🎉

Demo of Adding a New Forum Topic

And here's a user adding their very thoughtful reply to a topic.
This modal behaves just like the 'new topic' modal.
🔜 Functionality for 'watching' topics.

Demo of Adding a Reply to a Topic

When the user is ready to leave, logging out is simple and intuitive, via a handy dropdown menu.
🔜 Functionality for users to edit settings, and to create and edit a public-facing profile.

Demo of User Dropdown and Logout

Contact

Jordan Weiner
weinerj8@gmail.com
linkedin.com/in/weinerj8