About | Demo | Contact

Filter is a social network for film lover. At Filter, user can write short comment or long journal for films they've watched, search for titles, create customized tags for films they love, and manage their own watchlist calendar.

• Utilized React Query to access TMDB movie database API and fulfill search-by-movie-title feature to reduce API request frequency.
• Improved user’s film journaling experience by integrating Tiptap, a headless WYSIWYG text editor, for markdown and image upload support.
• Realized watchlist calendar by applying external and in-calendar Drag&Drop with FullCalendar.
• Added static type checking to JavaScript with TypeScript.
• Built UI with NextUI and Tailwind.
• Provided lively user experience by applying Framer Motion on the homepage.

Base

• React app
• Firebase
• Tailwind
• Prettier

Libraries

• Zustand
• React Query
• Tiptap (text editor)
• FullCalendar

• LinkedIn
• Email