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!** 🎉