Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 3 days 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
- Host: GitHub
- URL: https://github.com/mittalbhavya/slack-gdsc-mycut
- Owner: MITTALBHAVYA
- Created: 2024-07-11T13:07:51.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-09T08:49:17.000Z (6 days ago)
- Last Synced: 2024-11-09T09:19:11.785Z (6 days ago)
- Topics: authentication, backend, express, frontend, integration, nodejs, react, webdevelopment
- Language: JavaScript
- Homepage:
- Size: 4.53 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GDSC Slack App
## Overview
The GDSC Slack App is a web application built using React for the frontend and a backend of your choice. This app aims to provide a seamless integration with Slack, allowing users to interact with Slack functionalities through a user-friendly web interface.
## Features
- **Landing Page**: Introduction and overview of the app.
- **Sign In**: Users can sign in using their Slack credentials.
- **Sign Up**: New users can register for the app.
## Tech Stack
- **Frontend**: React, Axios
- **Backend**: Node.js with Express
- **Authentication**: OAuth 2.0 for Slack
## Installation
### Prerequisites
- Node.js
- npm (or yarn)
- Slack API credentials (Client ID, Client Secret, etc.)
### Frontend Setup
1. Clone the repository:
```bash
git clone repoURL
cd gdsc-slack-app
```
2. Install dependencies:
```bash
npm install
```
3. Create a `.env` file in the root directory and add your backend URL:
```env
REACT_APP_API_BASE_URL=http://your-backend-url/api
```
4. Start the frontend server:
```bash
npm start
```
### Backend Setup
1. Navigate to the backend directory (if it's a separate folder):
```bash
cd backend
```
2. Install dependencies:
```bash
npm install
```
3. Create a `.env` file in the backend directory and add your Slack API credentials:
```env
SLACK_CLIENT_ID=your-slack-client-id
SLACK_CLIENT_SECRET=your-slack-client-secret
```
4. Start the backend server:
```bash
npm start
```
## Usage
- Open your browser and navigate to `http://localhost:3000` to access the app.
- Use the Sign In and Sign Up pages to interact with the Slack app.
## Project Structure
```
gdsc-slack-app/
├── public/
├── src/
│ ├── components/
│ │ ├── LandingPage.jsx
│ │ ├── SignInPage.jsx
│ │ └── SignUpPage.jsx
│ ├── App.jsx
│ ├── index.js
│ └── ...
├── backend/
│ ├── routes/
│ │ ├── auth.js
│ │ └── ...
│ ├── server.js
│ ├── .env
│ └── ...
├── .env
├── package.json
├── README.md
└── ...
```
## Contributing
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -m 'Add some feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Open a pull request.
![alt text]()
![alt text]()
![alt text]()
![alt text]()
![alt text]()
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgements
- Google Developer Student Clubs (GDSC)
- Slack API documentation
```