Giter VIP home page Giter VIP logo

socialite's Introduction

Socialite

Screenshot 2024-03-17 at 10 49 58 PM

Welcome to Socialite, a social media platform designed to connect people within your organization! With Socialite, you can foster stronger connections, share ideas, and collaborate seamlessly with colleagues.

Screenshots

d68bb890-3df0-4516-a908-a4df5d0448ed cdc6fb24-2447-4405-b97c-af047cbeffea 9e8b3b4a-781a-4116-8aa8-fdd304676d17 02f646e8-dd00-447b-b95b-717ef1c3518c

Get Started

To get started with Socialite, simply visit our website and sign up using your organization's email address. Once registered, you can start sharing updates and engaging in meaningful conversations.

Features

  • User Authentication: Utilizing Firebase Auth, Socialite ensures secure user authentication, allowing only verified members of your organization to access the platform.

  • Real-time Database: Powered by Firestore, Socialite offers a real-time database for storing user profiles, posts, comments, and more, ensuring that your data is always up to date.

  • Post Creation and Sharing: Users can create posts to share updates, thoughts, and ideas with their colleagues. With Socialite, staying connected and informed has never been easier.

  • Commenting on Posts: Engage in meaningful discussions by commenting on posts. Share feedback, ask questions, and collaborate with your peers in real-time.

  • Liking Posts: Show appreciation for your colleagues' posts by liking them. The like feature allows users to acknowledge and support each other's contributions.

  • Connecting with Others: Socialite enables users to connect with other members of the organization, fostering a sense of community and collaboration.

Tech Stack

  • Frontend: Built using React, Socialite offers a responsive and intuitive user interface, ensuring an exceptional user experience across devices.

  • UI Framework: Leveraging the power of Shadcn-UI's component library, Socialite delivers a sleek and modern design that enhances usability and aesthetics.

  • Authentication: Firebase Auth provides a secure and reliable authentication system, ensuring that only authorized users can access the platform.

  • Database: Firestore serves as the backend database, offering real-time data synchronization and scalability to support the platform's growing user base.

Setting Up Socialite

Welcome to Socialite, a social media platform designed to connect people within your organization! With Socialite, you can foster stronger connections, share ideas, and collaborate seamlessly with colleagues.

Prerequisites

  • Node.js and npm installed on your system.

Installation Steps

  1. Clone the Repository:

    git clone https://github.com/vigneshk5/sociaLite.git
    
  2. Navigate to the Project Directory:

    cd socialite
    
  3. Install Dependencies:

    npm install
    
  4. Set Up Firebase Project:

    • Go to the Firebase Console and create a new project.
    • Set up Firebase Authentication with email/password sign-in method enabled.
    • Set up Firestore database.
    • Copy your Firebase project configuration (apiKey, authDomain, projectId, etc.).
  5. Configure Firebase:

    • Create a .env file in the root directory of the project.
    • Add your Firebase configuration details to the .env file:
      REACT_APP_FIREBASE_API_KEY=your-api-key
      REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain
      REACT_APP_FIREBASE_PROJECT_ID=your-project-id
      REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket
      REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
      REACT_APP_FIREBASE_APP_ID=your-app-id
      
  6. Run the Application:

    npm start
    

    This will start the application on http://localhost:3000 by default.

  7. Access Socialite: Open your web browser and navigate to http://localhost:3000 to access the Socialite platform locally.

  8. Sign Up and Enjoy!: Sign up using your organization's email address and start using Socialite to connect with your colleagues, share updates, and engage in meaningful conversations.

Team

socialite's People

Contributors

vigneshk5 avatar

Stargazers

Arjun Shetty avatar Ben avatar  avatar

Watchers

 avatar

Forkers

aarya1808

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.