React Web Applications
These are projects that I started on when I started my self-learning journey on web application development using the React framework.
Fanclub Community
This is a fanclub community website that allows users to sign in using their Google account to make posts in the Community Tab so that they can buy, sell or share merchandise related to the artist. To identify people as true fans, they can take a quiz which upon completion allows them to input their social media account username in the Hall of Fame Tab so that others can verify their identity as true fans and not scalpers or scammers. There is a page that allows listening to music and searching of song lyrics as well. The music tabs uses Deezer's music player widget and some APIs from various sources for retrieving song lyrics. This project is made with the MongoDB, Express, React, Nodejs (MERN) stack along with React Redux. The images for posts are uploaded and hosted on Cloudinary and all the data are stored using MongoDB. I also made use of tensorflow's toxicity model node module for natural language processing to check for hate speech in the text for posts and a node module for images to check for obscene images which are removed from the Community Tab. To improve the performance of the loading of posts, a virtualised list node module was used as well. Lastly, React Spring was used to create simple animations of elements.
Watch Demo