Skip to content

Latest commit

 

History

History
140 lines (94 loc) · 4.04 KB

README.md

File metadata and controls

140 lines (94 loc) · 4.04 KB

Swipe Style

Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Setup
  5. Contributors
  6. Summary
  7. Developer Notes

Project Overview

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.

Features

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.

Technologies Used

React NextJS NodeJS Express.js MongoDB TailwindCSS

Setup

Requirements

Run the following commands:

  1. 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

  2. Setting up MongoDB: Create a .env file 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"

  3. 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

Contributors

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

Summary

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.

Developer Notes

Team Drive