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.
- Swipe through fashion posts to like or dislike items.
- Create, share, and view posts with detailed product information (e.g., name, cost, available stores).
- Like and dislike posts, influencing their popularity.
- Track the top users and posts based on likes and interactions.
- Send and receive messages with other users.
- Find posts, users, or products quickly.
- View and edit user profiles with bios, pronouns, tags, and more.
- 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
Christopher Rebollar-Ramirez (Team Lead) - Full Stack Developer
Kelvin Mai - Backend Developer
Ryan Fordham - Backend Developer
Isabel Ku - Frontend Developer
Chester Huey - Frontend Developer
Mikey Nguyen - Frontend Developer
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. With further improvements and development, the app has the potential to become a mainstream clothing social media app.
Team Drive
