Note: This project was made for a TikTok hackathon.
ReelReview is a mobile application that innovatively integrates with TikTok Shop, offering users a platform to create and share TikTok videos as product reviews. This approach to e-commerce enhances user engagement by allowing genuine and dynamic presentations of user experiences with products. Developed with React Native, TypeScript, and Firebase for a hackathon event, ReelReview stands as a testament to how social media can transform traditional online shopping.
- Inspiration
- What ReelReview Does
- How We Built It
- Challenges
- Accomplishments
- Features
- Installation
- Contributing
- Contact
The concept for ReelReview was inspired by the existing limitations in e-commerce review systems. We aimed to enhance the e-commerce experience by allowing users to interact with products through video reviews, offering a more engaging and comprehensive way to shop online.
ReelReview integrates directly with TikTok Shop, enabling users to post TikTok videos as reviews. This feature allows for a more immersive and authentic view of products, encouraging user engagement and providing potential buyers with valuable insights into product use and quality.
Our team developed ReelReview during a hackathon, utilizing React Native and TypeScript for a performant mobile app experience. Firebase served as the backbone for our authentication, database, and hosting needs.
Note: The Firebase key included in this project has expired. You will need to set up your own Firebase project and use your keys to fully test this app.
Our journey was met with challenges, including ensuring seamless integration with TikTok Shop's existing platform and creating an intuitive user interface that encourages active participation and content creation.
We take pride in successfully crafting ReelReview, a feature that elevates the shopping experience on TikTok Shop by providing a space for authentic and engaging product reviews, fostering a community-centric platform for e-commerce.
- User Authentication: Secure authentication process for user login and signup.
- TikTok Integration: Easy linking of TikTok videos to products as part of the review process.
- Incentive Program: A rewards system that incentivizes users to produce high-quality and helpful review content.
Before you can use the ReelReview app, you need to set it up on your local machine. Follow these steps to get started:
Before you start, make sure you have the following software installed on your computer:
-
Node.js: You can download and install it from the official website.
-
Expo CLI: Install Expo CLI globally using npm by running the following command in your terminal:
npm install -g expo-cli
- Clone the Repository: Clone the ReelReview app repository to your local machine using Git:
'''git clone https://github.com/Eqedos/TikTok-Shop.git'''
- Navigate to the Project Directory: Change your working directory to the ReelReview project folder:
cd TikTok-Shop
- Install Dependencies: Install the project dependencies by running:
npm i
-
Set Up Firebase: Create a Firebase project and set up authentication and Firestore for your project. Replace the Firebase configuration in the code with your own Firebase configuration. You can find the Firebase setup instructions on the Firebase website.
-
Start the Development Server: Start the Expo development server by running:
expo start
- Scan QR Code: A browser window will open, and you will see a QR code. Use the Expo Go app on your mobile device to scan the QR code, and it will open the app on your device.
We encourage contributions to the ReelReview project. If you're interested in contributing, please follow these steps:
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
For any inquiries or further information, please feel free to reach out:
- Project Maintainer: Parth - @Eqedos
You should now have the ReelReview app up and running on your mobile device. You can explore its features, including user authentication, TikTok integration, and more.
Please note that this guide assumes you have some familiarity with setting up and using Expo projects. If you encounter any issues during the installation or have specific questions about the project, feel free to reach out to the project maintainer mentioned in the Contact section of the README.