TikTik is a captivating short video application inspired by the widely popular TikTok. It empowers users to:
- Create engaging short videos and express their creativity.
- Share their videos with the world and connect with a vibrant community.
- Discover a boundless stream of exciting content based on their interests.
- Seamless: User Authentication: Effortlessly sign in using Google OAuth, ensuring a smooth and secure login experience.
- Intuitive: Video Uploads: Effortlessly upload your short video creations and share your moments with the world.
- Engaging Interactions: Like, comment, and share videos to engage with the community and foster connections.
- Powerful Search: Effortlessly search for specific videos and users based on video titles and usernames, making it easy to discover content you'll love.
-
Frontend: React - The industry-standard library for building dynamic and interactive user interfaces.
-
Server-Side Rendering & Routing: Next.js - Leverages React's capabilities while providing server-side rendering (SSR) and routing for enhanced performance and SEO.
-
Backend & Storage: Sanity CMS - A powerful and flexible headless CMS that empowers you to manage your content with ease.
-
Third-Party Libraries:
react-google-login:Simplifies Google OAuth integration for user authentication.react-icons:Provides an extensive set of beautiful icons to enhance your UI.axios:A popular HTTP client that makes API calls a breeze.uuidv4:Generates unique identifiers for video management.
-
State Management: Zustand - A lightweight and efficient state management solution for your Next.js application
-
Clone the Repository:
git clone https://github.com/GamerQuanTuM/TikTik
-
Install Dependencies:
cd tiktik npm install -
Configure Environment Variables: Create a .env.local file at the root of your project and add the following environment variables (replace with your actual values):
NEXT_PUBLIC_SANITY_PROJECT_ID=your-project-id NEXT_PUBLIC_SANITY_DATASET=your-dataset
-
Run the Development Server:
npm run dev
-