-
-
Edit profile page to edit user's data, and Search bar to query user and products
-
Product page, showing every detail of an item
-
Review page, showing reviews of products from shops
-
User page, showing every detail of users
-
Wishlist page, showing our personal and connection's wish list
-
Shop page, serving as a main page to show all products
Inspiration
Short form videos are the trend in this current day and age since they are oddly engaging in a sense. That is why we chose to expand this experience towards the online shopping space. It nicely kills two birds with one stone, eliminate doubts in users while online shopping and also increasing user engagement.
What it does
What we built was 2 main features on top of TikTok Shop. The first being an innovative way to improve product review methods, the second being a way to tackle the common gift-giving method. The first feature allows users to review products using TikTok videos, allowing other potential buyers to view their reviews in an engaging manner. The second feature allows users (out of their consent) to share their wish list among their close friends. It offers a sneak peek into friends' interests and wishes, making gift selection more thoughtful and personal.
Both features not only solves issues in their own respective domains, but also increases the chance of attracting new users to the platform.
How we built it
- Chose a problem statement where everyone can contribute their utmost effort.
- Chose the technology everyone is comfortable with, coded in VScode and collaborated through GitHub.
- Blood, sweat, tears, and a few endless days of non-stop coding.
Challenges we ran into
Main challenges we ran into were implementing how the search bar queries the users and products efficiently, implementing the follower-following mechanism, and roadbumps due to Next JS's poor development experience (always restarting after several minutes of development).
Accomplishments that we're proud of
- Fast and functioning search bar
- query-as-you-scroll algorithm to ease on queries (to query only whats needed at a time).
What we learned
- Team coordination is important to ensure software quality and timely delivery.
- Miscommunication will always happen, we just need to go through it as a team.
What's next for WishShare
- Give incentives (cashback, discount, voucher, etc.) for new users that are looking to buy an item on a friend's wishlist on the week of their birthday. This is to increase the chance of attracting new users on the platform only if TikTok allows.
- Create attractive games that make the users' friends to guess the top item on their wishlist and recieve incentives if they guess it right. (We did not implement this because we found an unsolvable loophole).
Who are we?
Hi I'm Dave, a second-year Information Engineering student in NTU with a passion for problem solving. While my journey into algorithms and software development began just a year ago in university, I've fully embraced the challenge. I eagerly participated in this hackathon, as a chance to collaborate, learn, and test my skills.
Greetings! I’m Jeremy, a mathematics and computer science enthusiast. My passion in these fields has inspired me to further pursue the field of machine learning and artificial intelligence, as I believe that these are key to innovation. I strongly hold on to the values of passion, perseverance, integrity, and a humble heart to always learn.
Hi! I’m Pascal, currently a second year computer science undergraduate. My passion is web development and across my studies here in NTU I have learned a lot about software engineering in general. I hope to learn more and become a better engineer in the future.
Helloo! I’m Kevin JK, a sophomore Information Engineering and Media student from NTU. I used to program competitively for years, learning about algorithm and complexity analysis. However, currently, I’m pursuing a career in Machine Learning in Data Science. My journey started as I enrolled myself in online courses by Udemy and Coursera.
Hi, I’m Andrew. Currently a Year 2 Computer Science student with a second major in Quantitative Finance at the National University of Singapore (NUS). Ever since I wrote my first lines of code, I've been captivated by the power of technology to transform ideas into reality. From developing efficient algorithms to building websites, I've honed my skills through a range of projects.
Development tools used to build the project:
VScode
Railway database
Prisma studio
Git/github
Chrome DevTools
Libraries, APIs, and Assets used in the project:
"@emotion/react": "^11.11.1", "@emotion/styled": "^11.11.0", "@headlessui/react": "^1.7.17", "@mantine/hooks": "^6.0.20", "@mui/material": "^5.14.8", "@prisma/client": "^5.2.0", "@tanstack/react-query": "^4.33.0", "@uploadthing/react": "^5.5.0", "axios": "^1.5.0", "jsonwebtoken": "^9.0.2", "next": "^13.4.19", "next13-progressbar": "^1.0.2", "postcss": "8.4.29", "react": "18.2.0", "react-hook-form": "^7.46.1", "react-hot-toast": "^2.4.1", "react-icons": "^4.10.1", "tailwindcss": "3.3.3", "uploadthing": "^5.5.2", "usehooks-ts": "^2.9.1"
- No other external assets or APIs used in this project.
Built With
- axios
- css3
- git
- github
- html5
- javascript
- next
- postgresql
- prisma
- react
- tailwind
- vercel
Log in or sign up for Devpost to join the conversation.