Henry - Portfolio - The New Trybe

Web Application

The New Trybe

Tools
React, React Redux, Mongo DB, Node Js.

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.