Git Product home page Git Product logo

slack-clone-client's Introduction

Slack Clone Client Repository

Table of Contents

Introduction

Slack clone is a powerful team collaboration platform that allows you to communicate and collaborate with your team members in real-time. Whether you're working remotely or in the same office, our application provides a seamless and efficient way to stay connected.

Screenshot

Features

  • Real-time chat and messaging
  • Channel-based communication
  • Direct messaging between users
  • File and media sharing
  • Customizable notifications
  • Message Replies (Threads)
    • Start threads to reply to specific messages in a conversation.
    • Keep discussions organized and focused.
  • Huddle with Other Users
    • Create private huddles for group discussions.
    • Collaborate with select team members in a secure environment.

Getting Started

Installation

  1. Clone the repository:

    git clone https://github.com/adeolaadeoti/slack-clone-client.git
  2. Change to the project directory:

    cd slack-clone-client
  3. Install dependencies:

    yarn
  4. Set up environment variables:

    Create a .env.local file in the root directory of the project and add the necessary environment variables, including your database connection details and any API keys.

    NEXT_PUBLIC_API=http://localhost:8080/api/v1
    NEXT_PUBLIC_SOCKET=http://localhost:8080
    
  5. Start the application:

    yarn start
  6. Access the application at http://localhost:3000.

Usage

User Registration

  1. Visit the application's URL.

  2. Click on the "Sign Up" or "Register" button to create a new user account.

  3. Fill out the registration form with your details.

  4. Once registered, you can log in with your credentials.

Creating Channels

  1. After logging in, you can create a new channel by clicking on the "Create Channel" button.

  2. Choose a name and description for your channel.

  3. Invite team members to join the channel.

Sending Messages

  1. To send a message in a channel, click on the channel's name in the left sidebar.

  2. Type your message in the input field at the bottom of the chat window and press Enter to send.

  3. You can also send direct messages to other users by clicking on their name in the user list.

Message Replies (Threads)

  1. To start a thread in response to a specific message:

    • Hover over the message you want to reply to.

    • Click on the "Reply" or "Start Thread" button.

    • Type your reply in the thread and send it.

  2. Keep discussions organized by using threads to respond to messages.

Huddle with Other Users

  1. To create a private huddle:

    • Click on the "Huddle" button in the sidebar.

    • Select the users you want to include in the huddle.

    • Start your private conversation.

  2. Huddles provide a secure environment for group discussions with select team members.

Contributing

We welcome contributions from the community.

License

This project is licensed under the MIT License.

slack-clone-client's People

Contributors

adeolaadeoti avatar

Stargazers

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