Flickstar

Web Dev
Frontend
Social Media
Flickstar

Tech Stack

React
Redux
MongoDB
Firebase
Stripe
Google Maps API
i18n

Description

Flickstar is a feature-rich social media platform I developed to combine real-time interactivity, scalability, and security. The app enables users to upload and edit media, interact through notifications, and seamlessly use drag-and-drop features for a dynamic user experience.

To enhance accessibility, I integrated multi-language localization with i18n and content translation via the Google Translate API. The platform also incorporates Stripe and PayPal for secure payments, Google Maps for location-based features, and Firebase for push notifications.

I transformed Figma designs into responsive, SEO-optimized UIs while focusing on performance optimization through lazy loading, caching, and structured metadata. Security was ensured using JWT, OAuth, and industry best practices for protecting user data.

  • Developed a feature-rich social media app using React.js, Redux, and React Router.
  • Built real-time UI features like media uploads, drag-and-drop, filters, text, GIFs, and notifications.
  • Implemented multi-language localization (i18n) and Google Translate API integration.
  • Integrated Stripe/PayPal payments, Google Maps, and Firebase notifications.
  • Converted Figma designs into pixel-perfect, responsive, and SEO-optimized UIs.
  • Optimized performance via lazy loading, caching, and structured metadata.
  • Secured application with JWT, OAuth, and best practices for data protection.

Page Info

Landing Page

Responsive, SEO-optimized pages introducing Flickstar features and user benefits.

/projects/flickstar/flickstar.png/projects/flickstar/flickstar3.png/projects/flickstar/flickstar2.png/projects/flickstar/flickstar1.png/projects/flickstar/flickstar4.png/projects/flickstar/flickstar5.png/projects/flickstar/flickstar6.png/projects/flickstar/flickstar7.png/projects/flickstar/flickstar8.png/projects/flickstar/flickstar9.png/projects/flickstar/flickstar10.png/projects/flickstar/flickstar11.png/projects/flickstar/flickstar12.png/projects/flickstar/flickstar13.png/projects/flickstar/flickstar14.png/projects/flickstar/flickstar15.png/projects/flickstar/flickstar16.png/projects/flickstar/flickstar17.png/projects/flickstar/flickstar18.png