Code Monkey home page Code Monkey logo

hackathon-slack-bot's Introduction

Hi ๐Ÿ‘‹ Iโ€™m Peter.

Iโ€™m a Marketer turned software engineer.

  • ๐Ÿ’ช Iโ€™m super proud of this open source contribution.
  • ๐Ÿ‘ฏ Iโ€™m looking to collaborate on early stage projects. Feel free to reach me with your badass idea.
  • ๐Ÿ’ฌ Ask me about Slack API.

Apps I've built (check out demo GIFs in repo pages)

hackathon-slack-bot's People

Contributors

preshetin avatar

Stargazers

 avatar

Watchers

 avatar  avatar

hackathon-slack-bot's Issues

Invite to join team

It may look like this:
image

Here's JSON for this message:

{
	"blocks": [
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "<foo.com|Petr> is intiving you to join *Acme* team"
			}
		},
		{
			"type": "actions",
			"elements": [
				{
					"type": "button",
					"text": {
						"type": "plain_text",
						"text": "Accept",
						"emoji": true
					},
					"style": "primary",
					"value": "click_me_123"
				},
				{
					"type": "button",
					"text": {
						"type": "plain_text",
						"text": "Reject",
						"emoji": true
					},
					"style": "danger",
					"value": "click_me_123"
				}
			]
		}
	]
}

Web dashboard initial version

The task is to create a page that allows browsing through teams and solo participants by skills. The API endpoint that fetches data is ready.

Click to see basic mockup

image

The implementation:

  • We agreed to have it in React.js.
  • It would be cool to have state preserved in URL. This way we can have pages like /teams and /solo-participants. This way such deep links can be added to bot messages.

The API endpoint that fetches data is ready. If you don't have it feel free to contact me

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.