Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mittalbhavya/slack-gdsc-mycut

Discover the GDSC Slack App, a React-based web application designed to seamlessly integrate with Slack. This app provides users with an intuitive interface to interact with Slack functionalities, offering features like user authentication, sign-in, and sign-up capabilities. Built with Node.js and Express for the backend, and utilizing OAuth 2.0
https://github.com/mittalbhavya/slack-gdsc-mycut

authentication backend express frontend integration nodejs react webdevelopment

Last synced: about 1 month ago
JSON representation

Discover the GDSC Slack App, a React-based web application designed to seamlessly integrate with Slack. This app provides users with an intuitive interface to interact with Slack functionalities, offering features like user authentication, sign-in, and sign-up capabilities. Built with Node.js and Express for the backend, and utilizing OAuth 2.0

Awesome Lists containing this project

README

        

# ๐Ÿ’ฌ GDSC SLACK: Your Ultimate Collaborative Communication Platform
![GDSC SLACK LOGO ](/frontend/public/images/logo.png)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Build Status](https://img.shields.io/badge/build-passing-brightgreen)](https://github.com/MITTALBHAVYA/slack-GDSC-Mycut)
[![Contributions Welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg)](CONTRIBUTING.md)

## ๐Ÿš€ Project Overview

**GDSC SLACK** is a cutting-edge, feature-rich collaborative chat application designed to revolutionize team communication. Built with modern technologies, it offers seamless, secure, and intuitive messaging experiences across workspaces and channels.

## ๐Ÿ–ผ๏ธ Screenshots

### Landing Page
![Landing Page](/frontend/public/images/Landing_Page.png)

### SIGNIN Page
![Login Page](/frontend/public/images/SignIn_Page.png)

### Sign Up Page
![Sign Up Page](/frontend/public/images/SignUp_Page.png)

### Workspace Page
![Workspace Page](/frontend/public/images/Workspace_Page.png)

### Chat Page
![Chat Page](/frontend/public/images/Chat_Page.png)

## โœจ Key Features

### ๐Ÿ” Robust Authentication
- Secure login with JWT and Google OAuth
- Multi-factor authentication support
- Role-based access control

### ๐ŸŒ Workspace Management
- Create and manage multiple workspaces
- Flexible channel organization
- Granular user role assignments

### ๐Ÿ’ฌ Advanced Messaging
- Real-time chat capabilities
- Message editing and deletion
- File and media attachments
- Reactions and thread support

### ๐ŸŽจ Personalization
- Custom user themes
- Timezone and notification preferences
- Responsive design for desktop and mobile

## ๐Ÿ›  Tech Stack

### Backend Powerhouse
![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=nodedotjs&logoColor=white)
![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)
![PostgreSQL](https://img.shields.io/badge/PostgreSQL-316192?style=for-the-badge&logo=postgresql&logoColor=white)
![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)
![Socket.IO](https://img.shields.io/badge/Socket.io-010101?style=for-the-badge&logo=socketdotio&logoColor=white)

### Frontend Ecosystem
![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
![Redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)
![TailwindCSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

## ๐Ÿšฆ Quick Start

### Backend Setup
```bash
# Clone the repository
git clone https://github.com/MITTALBHAVYA/slack-GDSC-Mycut

# Navigate to backend directory
cd backend

# Install dependencies
npm install

# Set up environment variables
cp .env.example .env

# Start the server
npm start
```

### Frontend Setup
```bash
# Navigate to frontend directory
cd frontend

# Install dependencies
npm install

# Start development server
npm start
```

## ๐Ÿงช Testing

### Backend Testing
- Comprehensive test suite with Jest and Supertest
- Postman collection for API testing

```bash
# Run backend tests
npm run test
```

### Frontend Testing
- Component and integration tests with Jest
- React Testing Library for thorough coverage

```bash
# Run frontend tests
npm test
```

## ๐Ÿ”ฎ Roadmap and Future Updates

- [ ] Real-time typing indicators
- [ ] Voice and video calling integration
- [ ] Advanced message search functionality
- [ ] Enhanced role and permission management
- [ ] Comprehensive analytics dashboard

## ๐Ÿค Contributing to GDSC SLACK

We warmly welcome contributions from the open-source community! Here's how you can help:

1. ๐Ÿด **Fork the Repository**
- Create your own copy of the project

2. ๐ŸŒฟ **Create a Feature Branch**
```bash
git checkout -b feature/amazing-contribution
```

3. ๐Ÿ”ง **Make Your Changes**
- Implement your feature or bug fix
- Ensure code quality and test coverage

4. ๐Ÿ“ค **Submit a Pull Request**
- Describe your changes in detail
- Link any related issues

### ๐ŸŒŸ Star Us on GitHub!

Like what you see? Show your support by starring our repository! โญ

[![GitHub stars](https://img.shields.io/github/stars/MITTALBHAVYA/GDSC-SLACK.svg?style=social&label=Star)](https://github.com/MITTALBHAVYA/slack-GDSC-Mycut)

By starring the project, you:
- Help increase project visibility
- Motivate maintainers
- Become part of our growing community

### ๐Ÿ’ก Ways to Contribute
- Report bugs
- Suggest features
- Improve documentation
- Write code
- Share with your network

## ๐Ÿ“„ License

This project is licensed under the MIT License. See [LICENSE](LICENSE) for details.

## ๐Ÿ‘จโ€๐Ÿ’ป Author

**Bhavya Mittal**
- GitHub: [@MITTALBHAVYA](https://github.com/MITTALBHAVYA)

---

**Happy Collaborating!** ๐ŸŽ‰