Swipe Style is a social media platform designed for fashion enthusiasts. It combines the addictive swiping mechanism of Tinder with a vibrant community for discovering, sharing, and interacting with fashion content. Users can like or dislike posts, see leaderboards, exchange messages, and explore posts featuring fashion items, complete with images, details, costs, and availability.
Interactive Swiping: Swipe through fashion posts to like or dislike items.
Social Media Integration:
Create, share, and view posts with detailed product information (e.g., name, cost, available stores).
Like and dislike posts, influencing their popularity.
Leaderboards:
Track the top users and posts based on likes and interactions.
Messaging System:
Send and receive messages with other users.
Search Functionality:
Find posts, users, or products quickly.
User Profiles:
View and edit user profiles with bios, pronouns, tags, and more.
Secure Authentication:
Google OAuth for login and session handling.
Requirements
- Install Node and npm here
- Set up a MongoDB Atlas instance. See this video for help!
Run the following commands:
-
Client Side: Install dependencies,
npm install
If you get any deprecated warnings, fix them by running:
npm audit fix
To start the client, run:
npm run dev
-
Setting up MongoDB: Create a
.envfile with the following environmental variables:GOOGLE_CLIENT_ID="your google client id" GOOGLE_CLIENT_SECRET="your google client secret" GOOGLE_CALLBACK_URL="your google callback url" SESSION_SECRET="your session secret" MONGO_URI="mongodb://mongodburl.example.com:portnumber"
-
Server Side: Install dependencies:
npm install
If you get any depricated warnings, fixed them by running,
npm audit fix
To start the server, run:
npx tsc npm start
Swipe Style is a next-generation fashion platform that fosters engagement and creativity. With a mix of social interaction, discovery, and personalization, it empowers users to explore and connect with the latest in fashion trends.