Back to Projects

  • Home
  • Projects
  • Web Application

The New Trybe

  • Tools

    React, React Redux, Mongo DB, Node Js.

banner

Overview

The New Trybe is a music platform designed to engage fans and artists through a rewards-based system. It fosters a community where users can discover new music, interact with content, and earn rewards for their participation. This innovative approach supports artists by offering fans a unique way to connect and engage with their work, creating opportunities for mutual growth and recognition in the music industry.

Tools & Technologies Used

The web application supports the creation of two user types: Listeners and Artists. After signing up, both user types are required to complete their profiles as part of the onboarding process. Emerging artists can upload their music to the platform, while listeners are encouraged to stream and rate the songs. To receive their streaming reward, listeners are required to follow the artist on Instagram, creating a mutually beneficial relationship. This helps artists grow their social media presence and expand their listener base, while listeners earn money by engaging with music. Once users reach a specified earning threshold, they can withdraw their funds.

- Node Js
Utilized Node.js to build the backend infrastructure by developing routers, models, and API endpoints. Additionally, I established secure database connections with MongoDB, ensuring efficient data handling and communication between the server and the database.
- MongoDB
Implemented MongoDB as the primary database solution for storing and managing user data, ensuring scalability and reliability for the application’s data management needs.
- JWT
Integrated JWT for secure user authentication, implementing hashing mechanisms to encrypt passwords during account creation. This ensured that sensitive data was securely stored and handled throughout the user lifecycle.
- Node Mailer Sendgrid
Integrated NodeMailer with SendGrid to send customized and automated emails to users, ensuring efficient communication and enhanced user engagement.
- React Redux
Utilized Redux to efficiently manage the application's global state, specifically by storing API responses using dispatch actions. Leveraged useSelector to pass necessary data through relevant components, ensuring seamless state management and optimal performance across the application.
- React Paystack
Implemented React Paystack to enable artists to fund their wallets on the platform, facilitating seamless transactions and enhancing user experience.
- Instagram API
Using Instagrams API, i was able to track if a listener follows an artiste after streaming his song or not.

Website

https://www.thenewtrybe.com/

Portfolio

More projects

project1
WEB APP

Earth VII

project1
WEB APP

Flux Self Storage

©2024 All Rights Reserved

Back to Top