A modern social media platform for gamers.
Clipt is a modern social platform for gamers to share their best gaming moments, connect with fellow gamers, and build a vibrant gaming community. The platform is available as both a web application and a progressive web app (PWA) that can be installed on mobile devices.
- Social Gaming Feed: Discover and engage with gaming content
- Clip Uploads: Share your best gaming moments with the community
- User Profiles: Customize your profile and showcase your gaming achievements
- Offline Support: PWA capabilities allow for some offline functionality
- Mobile Optimized: Works on all devices with responsive design
- GameBoy-style controller UI
- Modern design with responsive layout
- Support for video clips and social interactions
- User Guide - Complete guide for using the platform
- API Documentation - API reference for developers
- Contributing Guide - Guidelines for contributors
- Frontend: React with TypeScript
- Styling: Tailwind CSS + shadcn/ui
- State Management: TanStack Query
- Backend: Supabase
- Build Tool: Vite
- PWA Support: vite-plugin-pwa
- Mobile: Capacitor for native features
- Node.js (v18 or higher)
- npm or yarn
- Git
- Clone and install dependencies:
git clone <repository-url>
cd clip-gaming
npm install- Set up environment variables:
cp .env.example .envUpdate the .env file with your Supabase credentials.
- Start development server:
npm run devThis project uses Supabase for the backend. The database includes the following main tables:
posts- for storing user posts/clipscomments- for post commentsprofiles- for user profile informationlikes- for post likesclip_votes- for trophies on clipsfollows- for user follow relationshipsgames- for game information
The application is automatically deployed to Vercel on each push to the main branch.
The application can be installed as a PWA on compatible devices by clicking the "Add to Home Screen" option in the browser menu.
Using Capacitor, you can build native mobile apps:
# Sync web code with native projects
npx cap sync
# Open Android Studio
npx cap open android
# Open Xcode for iOS
npx cap open ios- Improved mobile UI responsiveness, especially for the streaming page
- Added ability to click on usernames throughout the app to navigate to user profiles
- Fixed search functionality on the discovery page
- Fixed "Most Played Games" section to correctly show games
- Implemented username change restriction (limited to once every two months)
- Added visual feedback and countdown for when users can change their username again
This project uses GitHub Actions for continuous integration and deployment. The workflow automatically builds the application and deploys it to production when changes are pushed to the main branch.
This project is licensed under the MIT License.