Here is a working live demo: https://hipnode-devtaehong.vercel.app/
https://www.loom.com/share/00bf2fa820e94a3e944fe7c618e8c613?sid=992eba65-29d6-4b46-a6fd-09f634621865
https://www.loom.com/share/69fc61190fa646ec99fe0db5cee97539?sid=5317a332-07da-40c2-87fc-d23f69e96762
https://www.loom.com/share/6d0539d894b345a68f22c07a24edd19f?sid=24017fef-0c65-4275-b242-a194444c6ade
https://www.loom.com/share/de832272f59844b2af01087895264695?sid=941a50c1-bdf3-4b3a-af16-8e893488a3fa
https://www.loom.com/share/f42b0965776b401bbb2eae8f52476a18?sid=cde1e055-f6f9-4fc0-a9ef-049247e71759
Hipnode, a premium Social Media Forum Web App, redefines digital interaction by offering a suite of powerful functionalities. Seamlessly navigating the platform begins with a user-friendly sign-up and sign-in process, complemented by in-depth surveys for a tailored onboarding experience. The Homepage serves as the hub, featuring a dynamic home feed, detailed post views, and dedicated creation pages. Hipnode goes beyond traditional social media by introducing specialized sections for Meetups, encouraging connections based on shared interests.
To get this project up and running in your development environment, follow these step-by-step instructions.
We need to install or make sure that these tools are pre-installed on your machine:
- Sign Up & Sign in - Complete authentication and survey
- Homepage - Consisting of a home feed, post details, and creation pages
- Meetups - Display all available meetups
- Groups-Displayallcontentwithingroups
- Podcasts - Display all podcasts with a podcast details page
- Profile - Show all posts, meetups, and podcasts for a specific user
- Live Chat - Engage in real-time conversations, share instant feedback, and build connections through our interactive live chat feature
- Live Notifications - Display notifications in real-time using Supabase realtime
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/DevTaehong/Hipnode.git
# Go into the repository
$ cd Hipnode
# Install dependencies
$ npm install
# Run the app
$ npm startNote If you're using Linux Bash for Windows, see this guide or use
nodefrom the command prompt.
Want to contribute? Great!
To fix a bug or enhance an existing module, follow these steps:
- Fork the repo
- Create a new branch (
git checkout -b improve-feature) - Make the appropriate changes in the files
- Add changes to reflect the changes made
- Commit your changes (
git commit -am 'Improve feature') - Push to the branch (
git push origin improve-feature) - Create a Pull Request
If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.
If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.
# Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<clerk_publishable_key>
CLERK_SECRET_KEY=<clerk_secret_key>
WEBHOOK_SECRET=<webhook_secret>
# Clerk URLs
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/onboarding
# Direct URL and Database URL
DIRECT_URL=<direct_url>
DATABASE_URL=<database_url>
# Supabase Configuration
NEXT_PUBLIC_SUPABASE_URL=<supabase_url>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<supabase_anon_key>
# Ably API Key
NEXT_PUBLIC_ABLY_API_KEY=<ably_api_key>
# Google Maps API Key
GOOGLE_MAPS_API_KEY=<google_maps_api_key>
# Resend API Key
RESEND_API_KEY=<resend_api_key>
👦 Tye Stanley
Email: tyestanley090@gmail.com
GitHub: @TyeStanley
👦 Glen McCallum
Email: glen.mccallum@live.co.uk
GitHub: @glenmac90
👦 Alexander Mc Lachlan
Email: alexmonk17@gmail.com
GitHub: @AlexDjangoX
