21 | I have a Discord server called{' '}
22 |
27 | kumar & friends{' '}
28 |
29 | .It 's a fun community of learners, that I am building ✌️ It' s super
30 | small as of now, glad to have you in !
31 |
32 | )
33 | }
34 |
35 | function SubscribePage({ noColorModeChange, noLiveShow }) {
36 | return (
37 | <>
38 | */}
*/}
43 | 44 |
45 |
27 | 28 |✅ What is 𝑹edis?
— Kumar Abhirup (@kumar_abhirup) January 15, 2021
I started using it many months ago, when implementing PubSub, but it is used for many more things.
It... 👇
- is an In-memory data structure store
- is Used as a database, or cache store
- Provides simple data structures such as strings & arrays
29 | 30 | ### Step 2 31 | 32 | Import express and create an express app instance. Now, create a limiter instance. We will use `express-limiter` for this. 33 | 34 | ```js 35 | const limiter = expressLimiter(app, redisClient) 36 | ``` 37 | 38 | Make sure you spawned a Redis Client, [read how to do that here](https://docs.redislabs.com/latest/rs/references/client_references/client_ioredis/). 39 | 40 | This limiter instance will now help us create a `limiterForApi` to define Rate Limit rules to use it for your routes as a middleware. 41 | 42 | ### Step 3 43 | 44 | Define the rules. Create the middleware. 45 | 46 | ```js 47 | const limiterForApi = limiter({ 48 | onRateLimited(_req, res) { 49 | return res.status(429).send({ error: { message: "Rate limit exceeded" } }) 50 | }, 51 | 52 | total: 200, 53 | expire: 1000 * 60 * 60, 54 | lookup: ["headers.data.user._id"] 55 | }) 56 | ``` 57 | 58 | The above middleware sets the API rate limit at 200 requests per hour per User ID. If you want to rate limit per IP Address, you can add the IP Address header name in the `lookup` array. 59 | 60 | ### Step 4 61 | 62 | Use the middleware! 63 | 64 | ## Here's the complete code snippet 65 | 66 | If you read the code comments, you will get a fair idea of how things work! 67 | 68 |  69 | 70 | For more details and complexities, take a look at the [`express-limiter` documentation](http://npmjs.com/package/express-limiter). It's very neat. 71 | -------------------------------------------------------------------------------- /packages/web/pages/writings.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import matter from 'gray-matter' 3 | import Link from 'next/link' 4 | import { Row, Col } from 'react-flexbox-grid' 5 | 6 | import Layout from '../components/Layout' 7 | import { META } from '../constants/metadata' 8 | 9 | export function formatDate(date) { 10 | const options = { year: 'numeric', month: 'long', day: 'numeric' } 11 | const today = new Date(date) 12 | 13 | return today.toLocaleDateString('en-US', options) 14 | } 15 | 16 | function Homepage({ writings, og }) { 17 | return ( 18 | <> 19 |
33 |
34 | 
48 |
49 |
50 |
51 | )}
52 |
53 |
61 |
62 |
63 | )
64 | })}
65 | {formatDate(date)}
36 |
37 |
38 | {image && (
39 | 🔥⚡ Question Time ⚡🔥
— Kumar Abhirup (@kumar_abhirup) January 19, 2020
Is there a Star Rating/Review website for #NPM packages...
where people could look at reviews before using a library?
Is it a good idea to build such a website?
⏳⌛⏳⌛⏳⌛⏳
32 |
34 |
35 | {og.image &&
36 | !og?.noImageOnArticle &&
37 | imageTypeOnArticle === 'LEADERBOARD' && (
38 |
43 |
63 |
64 |
65 |
66 |
67 | )}
68 |
69 |
125 |
44 |
45 | back
46 |
47 |
48 |
54 | edit this article
55 |
56 |
57 |
58 | {og.image &&
59 | !og?.noImageOnArticle &&
60 | imageTypeOnArticle === 'NORMAL' && (
61 | <>
62 | 63 |
64 |
65 |
{title}
70 | 71 | 82 | 83 |
84 | {
96 | if (!props.href.startsWith('http')) {
97 | return props.href
98 | }
99 |
100 | return (
101 |
106 | {props.children}
107 |
108 | )
109 | },
110 | }}
111 | />
112 |
113 |
114 | 115 | {/*
120 |
121 | 122 |
124 | 114 | 115 | {/*
*/}
116 |
*/}
118 |
119 | 120 |
121 | 122 |
124 |
125 |
145 |
146 |
147 | -
135 | {menu.map(({ path, name, newTab }) => (
136 |
- 137 | 138 | {name} 139 | 140 | 141 | ))} 142 |
155 | {pageTitle || ELEMENTS.mainText} 156 |
157 | )} 158 | 159 | {children} 160 | 161 |16 |
I am a 21yo Founder and Engineer, having built many projects in 17 | past, I am on a path aiming to solve humanities' most pressing issues, in 18 | an iterative fashion, starting from most trivial things imaginable. 19 | {/*
20 |
21 | Led a hackathon team in Korea Blockchain Week in August 2022, and won 2nd 22 | place at two hackathons for{' '} 23 | 28 | judiciary.app 29 | 30 | , spent three months in{' '} 31 | 36 | Nonce Korea hackerhouse 37 | {' '} 38 | in Seoul, South Korea. I am in the evergreen process of learning, and I am 39 | loving it! */} 40 |
41 |
— Co-founder of{' '} 42 | 43 | Dench.com (YC S24) 44 | 45 |
— Co-founder of{' '} 46 | 47 | Merse.co 48 | {' '} 49 | ( 50 | 55 | Business Insider 56 | 57 | ) 58 |
— Previously building{' '} 59 | 64 | Airchat (acquired) 65 | {' '} 66 | with Naval Ravikant. 67 |
— Founder{' '} 68 | 69 | itsbeam.com 70 | {' '} 71 | (acquired) 72 |
— Recipient of{' '} 73 | 78 | The O1 Visa 79 | {' '} 80 | 🇺🇸 81 |
—{' '} 82 | 87 | Nonce Korea 88 | {' '} 89 | 2022 Fellow 90 |
— Alumni of{' '} 91 | 96 | The First Residency Cohort 97 | {' '} 98 | in Berkeley, CA 99 |
— Judge at{' '} 100 | 105 | Stanford Treehacks 2024 106 | 107 |
— Winner of EthSeoul Hackathon 2022, Public Goods Track 108 | {/*
— Granted $5k by{' '} 109 | 114 | David Senra 115 | {' '} 116 | of Founders Podcast, to go to the major{' '} 117 | 122 | FoundersOnly 123 | {' '} 124 | conference in Austin, Texas. */} 125 |
126 |
I write{' '} 127 | 128 | here 129 | 130 | . 131 |
132 | {/*
133 |
134 | Currently, Software Engineer at{' '} 135 | 140 | Airchat 141 | {' '} 142 | ⚒️ */} 143 |
144 |
145 | {META.email}﹒{' '} 146 | {/* eslint-disable-next-line react/jsx-no-target-blank */} 147 | 152 | Twitter 153 | 154 | 155 | ), 156 | belowArticle: ` 157 | --- 158 | 159 | # Author 160 | 161 | I am Kumar Abhirup, a 21yo Founder and Engineer, having built many projects in past, I am on a path aiming to solve humanities' most pressing issues, in an iterative fashion, starting from most trivial things imaginable. To connect, you may DM me on [twitter](https://kumareth.com/twitter). 162 | 163 | _Like what I write? [Subscribe to **my newsletter**](https://kumareth.com/subscribe)._ 164 | `, 165 | } 166 | -------------------------------------------------------------------------------- /packages/web/components/CodeBlock.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/destructuring-assignment */ 2 | /* eslint-disable no-plusplus */ 3 | /* eslint-disable react/no-access-state-in-setstate */ 4 | 5 | import React, { PureComponent } from 'react' 6 | import SyntaxHighlighter from 'react-syntax-highlighter' 7 | import { anOldHope } from 'react-syntax-highlighter/dist/esm/styles/hljs' 8 | import { CopyToClipboard } from 'react-copy-to-clipboard' 9 | 10 | const preStyle = { 11 | borderRadius: 6, 12 | padding: '1.7em', 13 | lineHeight: '2.3em', 14 | } 15 | 16 | const codeProps = { 17 | style: { 18 | fontFamily: `ibm-plex-mono, Consolas, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New'`, 19 | fontSize: '18.5px', 20 | }, 21 | } 22 | 23 | class CodeBlock extends PureComponent { 24 | constructor(props) { 25 | super(props) 26 | 27 | this.state = { 28 | removeLines: [], 29 | addLines: [], 30 | updateLines: [], 31 | copiedToClipboard: false, 32 | displayCopyButton: false, 33 | } 34 | } 35 | 36 | componentDidMount() { 37 | const { language } = this.props 38 | const linesObj = language && language.split(':')[1] 39 | 40 | if (linesObj) { 41 | const splittedValues = linesObj.split(',') 42 | let stateLabel 43 | const linesToUpdate = { 44 | removeLines: [], 45 | addLines: [], 46 | updateLines: [], 47 | } 48 | 49 | // eslint-disable-next-line array-callback-return 50 | splittedValues.map(lines => { 51 | const linesRange = lines.split(',') 52 | 53 | // eslint-disable-next-line array-callback-return 54 | linesRange.map(eachLine => { 55 | const splitted = eachLine.split('-') 56 | 57 | if (splitted[0] === '') { 58 | // Is removing lines 59 | splitted.shift() 60 | stateLabel = 'removeLines' 61 | } else if (splitted[0] === '!') { 62 | splitted.shift() 63 | stateLabel = 'updateLines' 64 | } else { 65 | stateLabel = 'addLines' 66 | } 67 | 68 | if (splitted.length > 1) { 69 | for ( 70 | let i = parseInt(splitted[0]); 71 | i <= parseInt(splitted[1]); 72 | i++ 73 | ) { 74 | linesToUpdate[stateLabel].push(i) 75 | } 76 | } else { 77 | // Only one liner 78 | linesToUpdate[stateLabel].push(parseInt(splitted[0])) 79 | } 80 | 81 | this.setState({ 82 | [stateLabel]: [ 83 | ...this.state[stateLabel], 84 | ...linesToUpdate[stateLabel], 85 | ], 86 | }) 87 | }) 88 | }) 89 | } 90 | } 91 | 92 | copyToClipboard = () => { 93 | this.setState( 94 | { 95 | ...this.state, 96 | copiedToClipboard: true, 97 | }, 98 | () => { 99 | setTimeout(() => { 100 | this.setState({ 101 | ...this.state, 102 | copiedToClipboard: false, 103 | }) 104 | }, 3500) 105 | } 106 | ) 107 | } 108 | 109 | toggleCopyButton = () => { 110 | this.setState({ 111 | ...this.state, 112 | displayCopyButton: !this.state.displayCopyButton, 113 | }) 114 | } 115 | 116 | render() { 117 | const { language, value } = this.props 118 | const { 119 | addLines, 120 | removeLines, 121 | updateLines, 122 | copiedToClipboard, 123 | displayCopyButton, 124 | } = this.state 125 | 126 | return ( 127 |
this.toggleCopyButton()}
129 | onMouseLeave={() => this.toggleCopyButton()}
130 | >
131 | {
138 | const mergedLines = addLines.concat(removeLines).concat(updateLines)
139 | let style = { display: 'block' }
140 |
141 | if (mergedLines.includes(lineNumber)) {
142 | style = {
143 | ...style,
144 | margin: '0 -22px',
145 | padding: '3px 12px 6px',
146 | }
147 | }
148 |
149 | if (removeLines.includes(lineNumber)) {
150 | style = {
151 | ...style,
152 | borderLeft: `6px #f9320c solid`,
153 | background: `rgba(249, 50, 12, .1)`,
154 | }
155 | } else if (addLines.includes(lineNumber)) {
156 | style = {
157 | ...style,
158 | borderLeft: `6px #3ac569 solid`,
159 | background: `rgba(58, 197, 105, .1)`,
160 | }
161 | } else if (updateLines.includes(lineNumber)) {
162 | style = {
163 | ...style,
164 | borderLeft: `6px #f9c00c solid`,
165 | background: `rgba(249, 192, 12, .1)`,
166 | }
167 | }
168 |
169 | return { style }
170 | }}
171 | >
172 | {value}
173 |
174 |
175 |
183 | )
184 | }
185 | }
186 |
187 | export default CodeBlock
188 |
--------------------------------------------------------------------------------
/packages/web/pages/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Row, Col } from 'react-flexbox-grid'
3 | import { Gallery } from 'react-grid-gallery'
4 |
5 | import Layout from '../components/Layout'
6 | import { ELEMENTS } from '../constants/Meta'
7 | import { META } from '../constants/metadata'
8 |
9 | const images = [
10 | {
11 | src: '/images/YCombinator.jpg',
12 | width: 801,
13 | height: 571,
14 | caption: 'Merse got into Y Combinator S24 batch',
15 | tags: [{ value: 'Y Combinator', title: 'Y Combinator' }],
16 | alt: 'Merse got into the Y Combinator S24 batch',
17 | },
18 | {
19 | src: '/images/YC Speaking.jpg',
20 | width: 3032,
21 | height: 3024,
22 | caption: 'YC Demo Event',
23 | alt: 'Mark Rachapoom, and Kumar Abhirup (me)',
24 | },
25 | {
26 | src: '/images/SF Tech Week 2024 (1).jpg',
27 | width: 901,
28 | height: 871,
29 | caption: 'Panel Speaker at SF Tech Week 2024',
30 | tags: [{ value: 'SF Tech Week', title: 'SF Tech Week' }],
31 | alt: 'Panel Speaker at SF Tech Week 2024',
32 | },
33 | {
34 | src: '/images/SF Tech Week 2024 (2).jpg',
35 | width: 801,
36 | height: 571,
37 | caption: 'Panel Speaker at SF Tech Week 2024',
38 | tags: [{ value: 'SF Tech Week', title: 'SF Tech Week' }],
39 | alt: 'Panel Speaker at SF Tech Week 2024',
40 | },
41 | {
42 | src: '/images/mark rachapoom founders.JPG',
43 | width: 4032,
44 | height: 3024,
45 | caption: 'FoundersOnly Event with Mark Rachapoom',
46 | alt: 'FoundersOnly Event with Mark Rachapoom',
47 | },
48 | {
49 | src: '/images/walk_with_naval.jpg',
50 | width: 801,
51 | height: 871,
52 | caption:
53 | 'A two hour walk with Naval in San Francisco, before joining Airchat.',
54 | tags: [{ value: 'Naval Ravikant', title: 'Naval Ravikant' }],
55 | alt: 'A two hour walk with Naval in San Francisco, before joining Airchat.',
56 | },
57 | {
58 | src: '/images/bryan_johnson.jpeg',
59 | width: 2048,
60 | height: 1536,
61 | tags: [
62 | { value: 'Bryan Johnson', title: 'Bryan Johnson' },
63 | { value: "Don't Die", title: "Don't Die" },
64 | ],
65 | alt: "Bryan Johnson, Don't Die Blueprint",
66 | caption: `Bryan Johnson, Don't Die Blueprint`,
67 | },
68 | {
69 | src: '/images/eric_jorgenson.jpeg',
70 | width: 2048,
71 | height: 1152,
72 | tags: [
73 | { value: 'Eric Jorgenson', title: 'Eric Jorgenon' },
74 | {
75 | value: 'The Almanak of Naval Ravikant',
76 | title: 'The Almanak of Naval Ravikant',
77 | },
78 | ],
79 | alt: 'Eric Jorgenson, signing my The Almanak of Naval Ravikant',
80 | caption: 'Eric Jorgenson, signing my The Almanak of Naval Ravikant',
81 | },
82 | {
83 | src: '/images/stanford treehacks.jpeg',
84 | width: 2048,
85 | height: 1152,
86 | tags: [
87 | { value: 'Stanford Treehacks', title: 'Stanford Treehacks' },
88 | {
89 | value: 'Judge',
90 | title: 'Judge',
91 | },
92 | ],
93 | alt: 'Judging at Stanford Treehacks',
94 | caption: 'Judging at Stanford Treehacks',
95 | },
96 | // {
97 | // src: '/images/sam_hinkie.jpeg',
98 | // width: 2048,
99 | // height: 1152,
100 | // tags: [
101 | // { value: 'Sam Hinkie', title: 'Sam Hinkie' },
102 | // { value: 'FoundersOnly Event', title: 'FoundersOnly Event' },
103 | // ],
104 | // alt: 'Met Sam Hinkie in Austin, Texas.',
105 | // caption: 'Met Sam Hinkie in Austin, Texas.',
106 | // },
107 | // {
108 | // src: '/images/agi house.jpeg',
109 | // width: 4032,
110 | // height: 3024,
111 | // tags: [
112 | // { value: 'AGI House', title: 'AGI House' },
113 | // {
114 | // value: 'Hackathon',
115 | // title: 'Hackathon',
116 | // },
117 | // ],
118 | // alt: 'AGI House Hackathon, in Palo Alto, California.',
119 | // caption: 'AGI House Hackathon, in Palo Alto, California.',
120 | // },
121 | {
122 | src: '/images/nonce.JPG',
123 | width: 3390,
124 | height: 2170,
125 | tags: [
126 | { value: 'Nonce', title: 'Nonce' },
127 | {
128 | value: 'Korea',
129 | title: 'Korea',
130 | },
131 | ],
132 | alt: 'Nonce Korea 2022',
133 | caption: 'Nonce Korea 2022',
134 | },
135 | // {
136 | // src: '/images/korea_dinner.jpeg',
137 | // width: 4032,
138 | // height: 2268,
139 | // alt: 'Nonce Korea Dinner',
140 | // caption: 'Nonce Korea Dinner',
141 | // },
142 | // {
143 | // src: '/images/arcadia dinner 2.jpeg',
144 | // width: 2016,
145 | // height: 1512,
146 | // tags: [
147 | // { value: 'Arcadia', title: 'Arcadia' },
148 | // {
149 | // value: 'Farewell',
150 | // title: 'Farewell',
151 | // },
152 | // ],
153 | // alt: 'Arcadia Farewell Dinner',
154 | // caption: 'Arcadia Farewell Dinner',
155 | // },
156 | ]
157 |
158 | function About() {
159 | return (
160 | <>
161 |
176 | this.copyToClipboard()}>
177 |
180 |
181 |
182 |
165 |
166 | {' '}
167 | {META.fname} {META.lname} {/*
{' '}
169 |
{' '}
184 |
166 | {' '}
167 | {META.fname} {META.lname} {/*
{' '}
169 |
170 |
171 |
{' '}
173 |
174 |
176 | {' '}
182 |
{' '}
183 | 174 |
Moments📸
{' '} 175 |AND IT WOULD MAKE SENSE IF YOU DO SO. 101 | 102 | ## When to quit? 103 | 104 | Ask yourself this question. If you could somehow go back in time and build your startup again, would you choose the same idea? If yes, don't quit. Else, think of quitting maybe? 105 | -------------------------------------------------------------------------------- /packages/web/archived-writings/what-keeps-founders-motivated-not-quit.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "What keeps Founders Motivated" 3 | date: "2021-09-20" 4 | og: 5 | description: "Startups run (in the initial days) only if founders want to run it. What keeps founders motivated? Let's find out." 6 | image: "https://images.unsplash.com/photo-1504540790158-a8126030896a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1700&q=80" 7 | author: 8 | twitter: "kumareth" 9 | name: "Kumar Abhirup" 10 | --- 11 | 12 | > The cover image of this essay is from [Unsplash](https://images.unsplash.com/photo-1504540790158-a8126030896a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1700&q=80). 13 | 14 | A lot of startups are "launched" every year. 15 | 16 | **Startups run** (in the initial days) **only if founders want to run it.** 17 | 18 | What keeps founders motivated? 19 | 20 | What demotivates them? 21 | 22 | What makes some founders quit early? 23 | 24 | There are various reasons why some founders give up early, and some give up late, and some just don't give up. 25 | 26 | --- 27 | 28 | # The Boulder Up the Hill Analogy 29 | 30 | Running a Startup in the beginning could feel like you are pushing a boulder up the hill. 31 | 32 |  33 | Image Credits:
AND IT WOULD MAKE SENSE IF YOU DO SO. 101 | 102 | ## When to quit? 103 | 104 | Ask yourself this question. If you could somehow go back in time and build your startup again, would you choose the same idea? If yes, don't quit. Else, think of quitting maybe? 105 | -------------------------------------------------------------------------------- /packages/web/archived-writings/google-recaptcha-react-node-js.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Implementing Google reCAPTCHA with React and Node.js" 3 | date: "2020-06-02" 4 | og: 5 | description: "Creating a Google reCAPTCHA checkbox on frontend is easy. But making it fully secure through backend will need you some efforts." 6 | image: "https://i.ibb.co/0XGJzZk/Google-re-CAPTCHA-React-and-Node.jpg" 7 | author: 8 | twitter: "kumar_abhirup" 9 | name: "Kumar Abhirup" 10 | --- 11 | 12 | > The thumbnail of this article is from [Google reCAPTCHA's official landing page](https://www.google.com/recaptcha/intro/v3.html). 13 | 14 | In this tutorial, we will learn how to use reCAPTCHA v2 with React and Node. 15 | 16 | Most of the tutorials online only cover the frontend part of this technology. The truth is, **your captcha solution can only be useful, if it validates the input on backend.** 17 | 18 | Let's begin with how you can show the captcha checkbox on React Frontend by first setting up the Google reCAPTCHA console. 19 | 20 | # Setup Google reCAPTCHA Admin 21 | 22 | - Go to [this URL](https://www.google.com/recaptcha/admin/create) to create a reCAPTCHA app. 23 | 24 | - Give the reCAPTCHA a label. 25 | 26 | - Select `reCAPTCHA v2`. 27 | 28 | - Add the domain name of where this captcha checkbox will be used. To test this checkbox on your development server, add `localhost` as your domain name. 29 | 30 | - Click Submit. 31 | 32 | Now that you have created the app, you can get your reCAPTCHA keys. 33 | 34 | > Note that these keys are extremely important. The `SITE KEY` can be used in the client, but the `SECRET KEY` should be never used in the client. It should only be used in the backend. 35 | 36 |  37 | 38 | --- 39 | 40 | # Setup React Frontend 41 | 42 | Install the `react-google-recaptcha` React Component. It will simplify this terrific process. 43 | 44 | ```bash 45 | yarn add react-google-recaptcha 46 | ``` 47 | 48 | After you install the component, here's how you can display the reCAPTCHA checkbox on the frontend. 49 | 50 | ```jsx 51 | import ReCAPTCHA from "react-google-recaptcha" 52 | 53 | function onChange(value) { 54 | console.log("Captcha value:", value) 55 | } 56 | 57 | export default function App() { 58 | return
Re-established and improved the Airchat Web Client, better Link 116 | Previews, helped the app get 2k+ installs via CTA and its accurate 117 | tracking, worked with the Java GRPC Backend, owned certain parts of 118 | the Airchat iOS app. 119 | 120 | ), 121 | }, 122 | { 123 | image: 'https://www.deva.me/favicon_384.png', 124 | name: 'Deva.me', 125 | link: 'https://deva.me/creators', 126 | description: ( 127 | <> 128 | 129 | Founding Engineer, February - August 2023 130 | 131 |
We aim to provide everyone a second voice, and create a massive 132 | supply of automated representative intellect that shall transcend into 133 | new learning experiences for the masses. 134 | 135 | ), 136 | }, 137 | // { 138 | // image: 139 | // 'https://media.licdn.com/dms/image/C4E0BAQEHs1C2gRRukA/company-logo_200_200/0/1620129594556?e=2147483647&v=beta&t=OJNnxV2Tz6cwTXmAk_Tm7P-8v7-MlLPsCsd5ugCoxFg', 140 | // name: 'Stealth Startup', 141 | // // link: 'https://app.serendipity.lol', 142 | // description: ( 143 | // <> 144 | // 145 | // Consultant & Tech Lead, March 2023 - Present 146 | // 147 | //
Working (in & from India) with a Web3 + AI startup, with a 148 | // globally operated remote team. 149 | // 150 | // ), 151 | // }, 152 | { 153 | image: 'https://i.ibb.co/Z8gmths/serendipity.jpg', 154 | // width: 100, 155 | name: 'Serendipity', 156 | // link: '#', // 'https://app.serendipity.lol', 157 | description: ( 158 | <> 159 | 160 | Software Engineer, August 2022 - Februrary 2023 161 | 162 |
Serendipity approaches Note Taking in a whole new way, by 163 | focusing on People, not just Notes. It is a note-taking app that helps 164 | you remember the people you meet, and the things you learn from them, 165 | and creates you a beautiful looking network graph. 166 |
167 |
168 |
175 |
191 |
192 | 193 | Pair coded with my teammate, and shipped the MVP in just 10 days 194 | (Next.js + Node.js). It was like a hackathon on steroids. Worked on 195 | the entire stack: the frontend, the backend, and all the business 196 | logic. Shipped a Mac Desktop App for Serendipity power users. 197 |
198 | Worked hardcore, extensively on perfecting the D3.js Advanced Network 199 | Graph mechanics. Shipped insanely complex CRDT based collaborative 200 | editing using a wide range of technologies. 201 | 202 | ), 203 | }, 204 | { 205 | image: 206 | 'https://pbs.twimg.com/profile_images/1460721641084768260/nbMf9_r1_400x400.jpg', 207 | // width: 100, 208 | name: 'Monument Labs, Inc.', 209 | // link: 'https://monument.app', 210 | description: ( 211 | <> 212 | 213 | Product Manager &{' '} 214 | Web 3.0 Developer, December 2021 - August 2022 215 | 216 |
Monument.app is a Blockchain Start-up, which helps create 217 | collections of significant moments within a creator's journey. Each 218 | moment is represented by a collectible NFT that can be bought and 219 | owned by a creator's closest supporters. Creators share their stories 220 | through minting new moments, financially enabling them to pursue their 221 | dreams.
As a Full-stack Web 3.0 Developer, I helped 222 | create all the Monument Smart Contracts currently deployed on the 223 | Ethereum Mainnet. Wrote and thoroughly tested the Monument ERC721 NFT 224 | Contract (got it audited back and forth by professionals), and the 225 | Monument Marketplace Contract that supports buying & selling of NFTs 226 | and manages its auctions in a secure fashion.
As a 227 | Product Manager, I managed a team of 5 developers working on the 228 | Frontend, Backend, Web3 & the Monument iOS App. I brought order in 229 | chaotic times, and helped the company ship its MVP in a month using 230 | Scrum & Agile methodologies. 231 | 232 | ), 233 | }, 234 | { 235 | image: 'https://i.ibb.co/F0hmv9N/Beam-Community.jpg', 236 | // width: 100, 237 | name: 'Beam Community, Inc.', 238 | link: 'https://itsbeam.com', 239 | description: ( 240 | <> 241 | 242 | Founder, Former CEO, March 2020 - July 2022 243 | 244 |
Recent Update: I found this company when in 245 | 10th grade, and it has recently got acquired, sold it in July 2022. I 246 | no more run this company.
It is the Substack for SMS. It 247 | is a SaaS service that enables companies and creators to connect to 248 | their fans via text, and also enables them to earn money via 249 | subscriptions.
Built entire product from start to 250 | finish, used tools like React, Node.js, GraphQL, MongoDB, Websocket, 251 | Twilio, AWS EC2, AWS SES, Git, Cloudinary on production.
{' '} 252 | As a founder, not just managed technical aspects of the company, but 253 | also Design UI/UX, Growth, and Product Management. 254 | 255 | ), 256 | }, 257 | { 258 | image: 'https://thegenerativepress.com/favicon.ico', 259 | // width: 100, 260 | name: 'The Generative Press', 261 | link: 'https://thegenerativepress.com', 262 | description: ( 263 | <> 264 | 265 | Side-project, January 2023 - Present 266 | 267 |
The Generative Press surfs on Twitter and popular news sites, 268 | also reads latest tweets by verified citizen journalists to learn 269 | about latest happenings live, and then, our very own home-grown AI 270 | personalities write the news after gathering all the context. It's 271 | automated from beginning to the end. No editorial team, no human 272 | intervention, only news.
Made this with my colleague{' '} 273 | 278 | Daniel 279 | 280 | at Serendipity in a weekend. 281 | 282 | ), 283 | }, 284 | { 285 | image: 'https://judiciaryapp.vercel.app/favicon.ico', 286 | // width: 100, 287 | name: 'The Judiciary Protocol (judiciary.app)', 288 | link: 'https://judiciaryapp.vercel.app', 289 | description: ( 290 | <> 291 | 292 | DAO Attorney & Protocol Architect, 293 | December 2022 - Present 294 | 295 |
The on-chain contract creation & signing protocol for 296 | businesses and individuals, with in-built escrow functionalities where 297 | the participants can choose their judge for the escrow wallet.
298 |
My team and I created this during the Korea Blockchain Week 299 | 2022 EthSeoul & Filecoin-Moralis hackathon (won $8k in grants). Teamed 300 | up with a consultant from Bankless Consulting to turn this project 301 | into something big.
Worked on the protocol & led the 302 | team entirely from idea to execution — Solidity, React, Next.js, 303 | Wagmi, Ethers, Chakra UI, on all fronts. 304 | 305 | ), 306 | }, 307 | { 308 | image: 309 | 'https://ph-files.imgix.net/32a6ac11-e7b0-4c3f-82fc-bc92c38dba34?auto=format', 310 | name: 'bulk-mail-cli', 311 | link: 'https://bulkmail.now.sh', 312 | description: ( 313 | <> 314 | 315 | Maintainer, December 2018 - March 2020 316 | 317 |
A command line interface (cli) application that sends automated 318 | and dynamic emails to your email list. It recieved thousands of 319 | installs on NPM, and a good response on{' '} 320 | 325 | GitHub 326 | 327 | . 328 | 329 | ), 330 | }, 331 | // { 332 | // image: 'https://i.ibb.co/dPRzYZv/pkgreview-2.jpg', 333 | // name: 'pkgreview.dev', 334 | // link: 'https://pkgreview.vercel.app', 335 | // description: ( 336 | // <> 337 | // 338 | // Side-project, February 2020 - June 2020 339 | // 340 | //
Shipped ALL of it in just SEVEN DAYS. A lot of people find it 341 | // very difficult to decide what NPM Package to use. pkgreview.dev helps 342 | // developers in the JavaScript Community review and analyze each module 343 | // before they start using it.
I no more maintain this 344 | // project,{' '} 345 | // pkgreview.dev is now deprecated and abandoned. 346 | // 347 | // ), 348 | // }, 349 | { 350 | image: 'https://i.ibb.co/fd2rF97/favicon.jpg', 351 | name: 'JoinMyCall', 352 | link: 'https://joinmycall.now.sh', 353 | description: ( 354 | <> 355 | 356 | Side-project, June 2019 - August 2019 357 | 358 |
This app makes your colleagues take a connection/camera/mic 359 | test before joining a call. Hosts can create infinite JoinMyCall links 360 | to invite guests in meeting. Guests can either skip or do the 361 | connection test. 362 | 363 | ), 364 | }, 365 | ], 366 | } 367 | 368 | export const SKILLS = [ 369 | 'Abhirup', 370 | 'codes', 371 | 'debugs', 372 | 'learns', 373 | 'helps', 374 | 'jokes', 375 | 'speaks', 376 | 'tweets', 377 | 'lives', 378 | 'chats', 379 | ] 380 | --------------------------------------------------------------------------------