Skip to content

Instantly share code, notes, and snippets.

View chakrakan's full-sized avatar
💯

Kanisk chakrakan

💯
View GitHub Profile
Running 0.00 km ░░░░░░░░░░░░░░░░░░░ 0.00/h
Walking 126.91 km ███████████████████ 0.27/h
Cycling 0.00 km ░░░░░░░░░░░░░░░░░░░ 0.00/h
Recently, I've covered 126.91 km across all activities, receiving 0 awards over 478h:11m
E7:A1 stats | RiotID: kan#7740
Current Rank: Immortal 1
Peak Rank: Immortal 1
Wins/Losses/Draws: 35/27/1 | Playtime: 35h | Matches: 63
Headshot Percentage: 23.90 | K/D Ratio: 1.05
Average Combat Score: 207.10
🎧 On Repeat Recently: Business Solutions - JORDANN
bruh - jump man 93
Might Be on Fire - Pat Lok
Telephone (What's Your Name?) - daste.
Business Solutions - JORDANN
Ah Ey Uh - June Marieezy
Quiet Places - Karnaval Blues
Always Here For - Full Crate
Water Flow - Klyne
@chakrakan
chakrakan / .eslintrc.json
Created April 26, 2022 17:35
Next eslint config
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"next/core-web-vitals",
"plugin:react/recommended",
"google",
"prettier"
@chakrakan
chakrakan / tsconfig.json
Created April 26, 2022 04:56
Next TSconfig options
{
"compilerOptions": {
"allowJs": true,
"allowUnreachableCode": false,
"allowUnusedLabels": false,
"declaration": true,
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": true,
"jsx": "preserve",
@chakrakan
chakrakan / css-media-queries-cheat-sheet.css
Created February 17, 2022 14:55 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
Other 36 mins ████████████████████▋ 98.2%
Markdown 39 secs ▎░░░░░░░░░░░░░░░░░░░░ 1.8%
Last Activity: Thu Aug 26 2021 03:51:15 GMT+0000 (Coordinated Universal Time)
@chakrakan
chakrakan / github-profile-checklist.md
Created July 8, 2020 18:44
Professional Github Profile Checklist

General

𝥷 I included at least three projects on my GitHub account.

𝥷 My GitHub account demonstrates my knowledge of how to make incremental commits.

𝥷 My commit graph shows many green squares, at minimum for the last two weeks. (This indicates that commits have been pushed regularly).

Hiring Perspective: The first thing that a recruiter or hiring manager will look at is your commit graph and the frequency of contribution. Next, they will usually dig deeper into projects to get a sense of the kind of engineer you are. Regular activity and major contributions indicate a passion for coding, and companies want to hire people that love to code because it correlates highly with success in the workplace.

@chakrakan
chakrakan / darkmode.md
Created September 26, 2020 08:39
Dark mode in 1 line CSS
html[theme='dark-mode'] {
    filter: invert(1) hue-rotate(180deg);
}

The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. (Reference: MDN Web Docs)

For this dark mode, we would be using two filters namely invert and hue-rotate

@chakrakan
chakrakan / Slow Dance.md
Created September 1, 2020 05:06
A little poem to remind yourself to slow down.

Slow Dance by David L. Weatherford

Have you ever watched kids On a merry-go-round?

Or listened to the rain Slapping the ground?

Ever followed a butterfly’s erratic flight? Or gazed at the sun into the fading night?