Accent

Accent is a platform for creators. One can be a painter, a digital artist, a photographer, or just any creator and Accent provides them with a platform to showcase their creations, gain a following, even accepts tips from their followers!

Let's call your creations as accents!

⭐ Key Features ⭐

• You can upload your accents, as well as edit and delete them.
• You can like, comment and save a creators accents.
• You can edit your profile information like username, name, bio, profile picture
• You can add a donation page link as a creator to enable your followers to send you tips!
• You can search up other creators by their usernames or first names.
• You can view all your saved accents.
• Your accents are protected - naive users won't be able to right-click and save your image nor drag the image to a new tab to open it. Also screenshots are useless because a watermark is applied on every accent with the creators username.
• Accent is fully responsive - can be viewed on desktops, laptops, tablets as well as smartphones.
  

⚙️ Tech Stack ⚙️

• Figma - UI Design
• React - Entire Frontend
• Redux Toolkit - State Management
• Node & Express - Backend Server
• MongoDB - Database for users' and accents' data
• Firebase Storage - CDN for Accent images
• JWT - Authentication
• Netlify - Frontend App Hosting
• Render - Backend Server Hosting
  

✏️ Things I Learnt ✏️

• Working with and managing a large codebase
• File structures best practises
• Working with two databases at the same time
• Managing complex states with Redux Toolkit to reduce boilerplate for normal Redux.
• Documenting and Code Commenting best practises.