Pongpong

Pongpong is a website which provides organized information of various active hobbies to users and motivates them to continue the selected hobby.

Site link: https://pongpong-f1442.web.app/

Main features

• Tag search - searching activities by related tags(include tags, exclude tags)
• Name search - searching activities by their name
• Category page - discovering activities by categories
• Hot activity page - discovering what activities are highly rated or popular
• Activity info page - organized information about a certain activity(breif description, numerics, reviews)
• My progress page - current achievement progress
• My page - personal information about activities

Main components

• App.js
• TagSearchPage.js
• NameSearchPage.js
• TagSearchResultPage.js
• LoginPage.js
• RegisterPage.js
• CategoryPage.js
• HotActivityPage.js
• ActivityInfoPage.js
• MyProgressPage.js

Used Libraries and Frameworks

• react (ver 17.0.2)
• bootstrap (ver 4.5.3)
• react-bootstrap (ver 1.6.0)
• react-bootstrap-range-slider (ver 2.0.2)
• ant-design (ver 4.15.5)
• fortawesome (ver 1.2.35)
• material-ui (ver 4.11.4)
• node-scss (ver 6.0.0)
• firebase (ver 8.6.2)
• jquery (ver 3.6.0)
• react-chartjs-2 (ver 3.0.3)