Anonimusic is visually-minimal, feature-rich a site where users are signed in anonimously and are able to upload audio files, tag them and put them onto the site. Other users are able to view, listen to, and comment on the audio files. Provided the user does not leave (or refresh) the page they rea able to delete posts that they have just made. Once they leave the page, the post is on the internet forever.
This project was a collaboration (see Contributors) and was completed in 4 days in September 2022.
-💻 Screenshots
-🤔 Getting Started
-🤼 User Stories
-✨ Features & Functionality
-🎭 Contributors
-🐾 Next Steps
\
WireFrame and ERD
Home Screen
Posts Example
Data Returned from Cloudinary on Upload
Data Structure for each Post
- A user navigates to the page and sees the logo and carousel with any news or updates
- User scrolls through the page and listens to the post's audio. Finding a post that grabs their attention, the user decides to contribute to the conversation by adding a comment.
- A user wants to contribute a post to the page.
- User navigates to the new post option, opening the drop down and filling in the required information.
- Once submitted, the user sees their post populate the page and, for as long as the user maintains the same session, the user can delete their post. Once the user leaves the page or ends their session the post is no longer editable.
Application built with MERN stack
- Mongoose
- Express
- React
- NodeJS
- Cloudinary
- React Audio Player - for playing audio files from cloudinary
- React Bootstrap - page components
- React Slideshow - Homepage Slideshow
Post Component
Conditional Post Deleting
Session Initialization
Uploading New Files and new Posts
- Search post tags
- Generate Random Profile Image (Canvas generated based on session username)
- Implement Random Profile Images
- Ability to record a new audio file in the browser
- Refine styling for mobile devices
- Oxford Comma?