Coder Social home page Coder Social logo

projectclubs's Introduction

Clubs - Social Network for LMU Students

Welcome to Clubs, a dedicated social network platform exclusively designed for students of Loyola Marymount University (LMU). This platform enables students from the same classes or academic circles to connect, share, and engage in a secure and exclusive online environment.

Features

  • Exclusivity: Access restricted to LMU students only, requiring an LMU email for authentication.
  • User-Friendly Home Page: Intuitively designed with four main sections:
    • Header: Includes a navigation panel for easy access to various features.
    • Left Panel: Shows user information and options to find and add new friends.
    • Central Feed: The heart of the platform where you can see and share posts.
    • Right Panel: Displays a list of your clubs with a feature to create new ones.

Club Management

  • Creating a Club: Simple process involving naming the club, adding a bio, and an image.
  • Engagement: Once a club is created, students can join, post, comment, and interact with their peers.
  • Administrative Controls: As a club admin, you can manage club members and content, including kicking and banning users as well as removing inappropriate posts.

Discovering Clubs

  • Network-Based Discovery: Find clubs through friends or academic connections on the site.
  • Shared Links: Join clubs through direct shared links for easy access.

Getting Started

  1. Sign Up: Use your LMU email to create an account.
  2. Explore: Navigate through the platform and join or create clubs.
  3. Engage: Start conversations, share insights, and build your academic network.

Libraries Used

  1. React Sweetalert - Popups
  2. Firebase - Database
  3. React Router - Support for routing
  4. Styled-Components - Styling
  5. TailwindCSS - Styling
  6. Framer-Motion - Animations
  7. React Confetti - Confetti Animation (forgot to use)
  8. React Icons - Icons

Credits

  1. Mobile Menu

Live Link

Click

projectclubs's People

Contributors

vahan-gev avatar

Stargazers

Sona Sargsyan avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.