Intro | Tech | Features | Flow Chart | Demo

Fluffy is a pet platform desires to promote stray animals in shelters in Taiwan. People who want to adopt a pet can meet lovely dogs and cats, and those who have pets can also share their daily lives with other people.✨

• Developed the SPA with React/React Router and wrote in TypeScript
• Applied Redux to manage users’ state (such as user authentication, and dogs or cats that users like)
• Handled WebRTC real-time peer-to-peer video chat between users and shelters
• Built the Signaling Server with Node.js and WebSocket and deployed it on Heroku
• Utilized styled-components for RWD layouts
• Realized CRUD in a user profile and pet diary/article page by React Hooks
• Designed a custom hook to push notifications to users and show that the states had been updated
• Integrated data management with Firebase Firestore database
• Obtained 24-hour veterinary clinics in Taiwan through web crawling by Node.js, request, and cheerio
• Customized calendar with React Calendar

▼ Home Page

▼ Pairing: to press love button if you are willing to adopt dogs or cats

▼ Meeting: peer-to-peer video chat between shelters and users who want to adopt animals

▼ Pet Diary: users can browse all pet diaries and comment or press the like button

▼ User Profile Page