48 |
63 | )
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/src/components/ProjectLinks/ProjectLinks.css:
--------------------------------------------------------------------------------
1 | .projectLinks {
2 | /* always show in one line */
3 | white-space: nowrap;
4 | opacity: 0.54;
5 | }
6 |
7 | .logo {
8 | margin-right: 0.4rem;
9 | margin-left: 0.2rem;
10 | width: 1rem;
11 | height: 1rem;
12 | }
13 |
--------------------------------------------------------------------------------
/src/components/ProjectLinks/ProjectLinks.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 |
3 | import styles from './ProjectLinks.css'
4 | import pathResolver from '../../lib/pathResolver'
5 | import lib from '../../lib/utils';
6 |
7 |
8 | export default class ProjectLinks extends Component {
9 | render () {
10 | // websites
11 | let websitesDOM;
12 | if (this.props.websites) {
13 | websitesDOM = this.props.websites.map((w) =>
14 |
15 |
49 |
62 | 20 ? styles.projectTitleSmall : styles.projectTitle}>
50 | {this.props.name}
51 |
52 |
54 | {this.props.date &&
55 |
56 | {this.props.date}
57 |
58 | }
59 | {this.props.desc[0]}
60 | {tagsDOM}
61 | ![]({pathResolver("/img/link-symbol.svg")})
16 |
17 | );
18 | }
19 |
20 | return (
21 |
22 | {this.props.websites &&
23 | websitesDOM}
24 |
25 | {this.props.github &&
26 |
27 | ![]({pathResolver("/img/github-logo.svg")}){kind=logo}
28 |
29 | }
30 |
31 | );
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/Search/Search.css:
--------------------------------------------------------------------------------
1 | .search {
2 | border-top: 0;
3 | border-right: 0;
4 | font-size: 1rem;
5 | border-left: 0;
6 | width: 60%;
7 | max-width: 600px;
8 | align-self: center;
9 | padding-bottom: 0.5rem;
10 | }
11 |
12 | .search:focus {
13 | outline: none !important;
14 | border-bottom-color: lightseagreen;
15 | }
16 |
17 | @media all and (max-width: 550px) {
18 | .search { /* single row */
19 | font-size: 0.9rem;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/components/Search/Search.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 | import styles from './Search.css'
3 |
4 | export default class Search extends Component {
5 | // type=search helps with the (x) mark
6 | render() {
7 | return (
8 |
11 | )
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/Tag/Tag.css:
--------------------------------------------------------------------------------
1 | .tag {
2 | border-radius: 4px;
3 | /*border: 1px solid lightblue;*/
4 | padding: 0.5rem;
5 | margin: 1rem 0.2rem 0.5rem 0;
6 | font-size: 0.8rem;
7 | /*background-color: aliceblue;*/
8 | color: black;
9 | transition: 0.3s;
10 | }
11 |
12 | .tag:hover {
13 | cursor: pointer;
14 | /*box-shadow: inset 0 0 20px lightblue;*/
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/Tag/Tag.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 |
3 | import styles from './Tag.css'
4 | import lib from '../../lib/utils'
5 |
6 | export default class Tag extends Component {
7 | tagClick(event) {
8 | let data = event.target.textContent;
9 | let search = document.getElementById('search');
10 | let vals = search.value.split(' ');
11 | let dataIndex = vals.indexOf(data);
12 | if (dataIndex > -1){ // exists, remove it
13 | vals.splice(dataIndex, 1);
14 | } else {
15 | // vals.push(data);
16 | vals = [data];
17 | }
18 | lib.setSearch(vals.join(' '));
19 | }
20 |
21 | render() {
22 | return (
23 |
25 | {this.props.name}
26 |
27 | )
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/data/colors.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Thanks to geopattern for the colors
3 | */
4 | export default [
5 | {
6 | name: 'dullindigo',
7 | color: '#A6C6EC'
8 | },
9 | {
10 | name: 'dullgreen',
11 | color: '#B0EDBB'
12 | },
13 | {
14 | name: 'dullyellow',
15 | color: '#F1E4A4'
16 | },
17 | {
18 | name: 'dullorange',
19 | color: '#F7D19A'
20 | },
21 | {
22 | name: 'dullred',
23 | color: '#EA9AA6'
24 | },
25 | {
26 | name: 'dullviolet',
27 | color: '#DCA4EB'
28 | },
29 | // {
30 | // name: 'dullblue',
31 | // color: '#A3CBEF'
32 | // }
33 | ];
34 |
--------------------------------------------------------------------------------
/src/data/config.js:
--------------------------------------------------------------------------------
1 | export default {
2 | title: 'Avi Aryan\'s Portfolio'
3 | }
4 |
--------------------------------------------------------------------------------
/src/data/projects.js:
--------------------------------------------------------------------------------
1 | /*
2 | * Projects listing
3 | */
4 |
5 | let projects = [
6 | {
7 | id: 'clipjump',
8 | name: 'Clipjump',
9 | desc: [
10 | 'Clipjump is a full fledged clipboard manager for Windows. It relies on the power of keyboard shortcuts and combinations.',
11 | 'It supports extension via plugins, has configurable hotkeys and enables users to write scripts via a feature known as Clipjump Custom.'
12 | ],
13 | date: '2013-16',
14 | github: 'https://github.com/aviaryan/Clipjump',
15 | weight: 2,
16 | websites: ['http://clipjump.sourceforge.net'],
17 | tags: ['autohotkey', 'clipboard']
18 | },
19 | {
20 | id: 'shach',
21 | name: 'Shach',
22 | desc: ['Shach is a compiler written in Yacc/Lex that converts a common language to Bash and Batch.'],
23 | github: 'https://github.com/aviaryan/shach/blob/master/REPORT.md',
24 | date: '2017',
25 | tags: ['compiler', 'cpp']
26 | },
27 | {
28 | id: 'su4ahk',
29 | name: 'Sublime 4 AutoHotkey',
30 | desc: [
31 | 'A Sublime Text addon to do AutoHotkey coding in the editor. Provides much more than a Sublime Text package.'],
32 | github: 'https://github.com/aviaryan/Sublime4Autohotkey',
33 | date: '2013-14',
34 | tags: ['autohotkey', 'sublime-text']
35 | },
36 | {
37 | id: 'hinix',
38 | name: 'Hinix',
39 | desc: [
40 | 'Android game based on the popular classic Boggle. Distributed on Play Store with 4.5+ rating.',
41 | 'Champion Hackathon project.'],
42 | date: '2016',
43 | github: 'https://github.com/aviaryan/Hinix',
44 | tags: ['android', 'java', 'game'],
45 | weight: 1,
46 | websites: ['https://play.google.com/store/apps/details?id=in.aviaryan.hinix']
47 | },
48 | {
49 | id: 'cfbuddy',
50 | name: 'CF Buddy',
51 | date: '2017',
52 | desc: ['App that uses CodeForces API to show programming problems, user profiles, blog posts and contests.'],
53 | tags: ['android', 'java', 'codeforces'],
54 | github: 'https://github.com/aviaryan/CFBuddy'
55 | },
56 | {
57 | id: 'anyaudio',
58 | name: 'AnyAudio',
59 | desc: ['AnyAudio is an audio-streaming service that uses YouTube as the source. Written in Flask.'],
60 | date: '2016-present',
61 | tags: ['flask', 'backend', 'python'],
62 | github: 'https://github.com/anyaudio',
63 | githubRepo: 'https://github.com/anyaudio/anyaudio-server',
64 | websites: ['http://anyaudio.in']
65 | },
66 | {
67 | id: 'pop-patna',
68 | name: 'Popular Places in Patna',
69 | desc: ['A modern web-app showing popular places to visit in Patna using Google Maps and Foursquare data.'],
70 | date: '2017',
71 | tags: ['webpack', 'webapp', 'javascript'],
72 | github: 'https://github.com/aviaryan/pop-places-patna',
73 | websites: ['http://aviaryan.in/pop-places-patna/']
74 | },
75 | {
76 | id: 'typ3r',
77 | name: 'tYp3r',
78 | desc: ['dA aNn0Y1Ng t3Xt g3NeRa7or (The annoying text generator :-P)'],
79 | date: '2017',
80 | tags: ['webapp'],
81 | github: 'https://github.com/aviaryan/tYp3r',
82 | websites: ['http://typ3r.aavi.me']
83 | },
84 | {
85 | id: 'typ3rjs',
86 | name: 'typ3r.js',
87 | date: '2017',
88 | desc: ['JavaScript library to convert sane human readable text to a not s0 hUMaN Re@dAbLE t3xT. No external dependencies.'],
89 | tags: ['javascript', 'npm'],
90 | github: 'https://github.com/aviaryan/typ3r.js'
91 | },
92 | {
93 | id: 'bigeval',
94 | name: 'BigEval.js',
95 | date: '2015-16',
96 | weight: 1,
97 | desc: ['JavaScript library to evaluate mathematical expressions from strings. Supports all advanced mathematics expressions.'],
98 | tags: ['javascript', 'npm'],
99 | github: 'https://github.com/aviaryan/BigEval.js'
100 | },
101 | {
102 | id: 'algos',
103 | name: 'Algos',
104 | date: '2017-present',
105 | desc: ['Implementation of popular algorithms and data structures in popular languages. Lead maintainer of the project.'],
106 | tags: ['algorithm', 'data-structures'],
107 | weight: -1,
108 | github: 'https://github.com/iiitv/algos'
109 | },
110 | {
111 | id: 'resume',
112 | name: 'Resume',
113 | date: '2016',
114 | desc: ['Pseudo dynamic resume template created in Jekyll. Change YAML files to update resume.'],
115 | tags: ['jekyll', 'website'],
116 | github: 'https://github.com/aviaryan/resume',
117 | websites: ['http://aviaryan.in/resume/']
118 | },
119 | {
120 | id: 'ahkst',
121 | name: 'AHK package Sublime',
122 | date: '2014',
123 | desc: ['AutoHotkey package for Sublime Text. Now discontinued in favor of the community package.'],
124 | tags: ['autohotkey', 'sublime-text'],
125 | github: 'https://github.com/aviaryan/AutoHotkey'
126 | },
127 | {
128 | id: 'stealFunc',
129 | name: 'Steal Func',
130 | date: '2014',
131 | desc: ['Library to extract the minimum code needed from an external library OR say it strips out unused code.'],
132 | tags: ['autohotkey', 'regex', 'scripting'],
133 | weight: 2,
134 | github: 'https://github.com/aviaryan/autohotkey-scripts/blob/master/Tools/stealFuncfromLib.ahk'
135 | },
136 | {
137 | id: 'nologin',
138 | name: 'Awesome No Login Web Apps',
139 | date: '2016-17',
140 | desc: ['Curated list of awesome web apps that work without requesting you to create an account.'],
141 | tags: ['awesome-list'],
142 | github: 'https://github.com/aviaryan/awesome-no-login-web-apps'
143 | },
144 | {
145 | id: 'kissdown',
146 | name: 'KissAnime Batch Downloader',
147 | date: '2017',
148 | desc: ['Scripts that fetch download links of any series on KissAnime, KissAsian or KissCartoon and gives them to you in the form of a list.'],
149 | tags: ['javascript', 'hacking'],
150 | github: 'https://github.com/aviaryan/Kissanime-Batch-Downloader'
151 | },
152 | {
153 | id: 'udportfolio',
154 | name: 'Simple Portfolio',
155 | date: '2017',
156 | weight: -1,
157 | desc: ['A simple, lightweight, responsive portfolio design.'],
158 | tags: ['website'],
159 | github: 'https://github.com/aviaryan/ud-portfolio',
160 | websites: ['http://aviaryan.in/ud-portfolio/']
161 | },
162 | {
163 | id: 'last2imgur',
164 | name: 'Last 2 Imgur',
165 | date: '2017',
166 | desc: ['Alfred workflow to upload the last screenshot taken to Imgur + (delete and minify image)'],
167 | tags: ['alfred', 'scripting'],
168 | github: 'https://github.com/aviaryan/alfred-last2imgur'
169 | },
170 | {
171 | id: 'abc',
172 | name: 'ABC',
173 | date: '2017-present',
174 | desc: ['Commandline-line app in Go to interact with appbase.io and import data from various databases to ElasticSearch.',
175 | 'Source databases like Postgres, Mongo, MySQL, MSSQL etc are supported.'],
176 | tags: ['golang', 'cli'],
177 | weight: 1,
178 | github: 'https://github.com/appbaseio/abc'
179 | },
180 | {
181 | id: 'catalog',
182 | name: 'Anime Catalog',
183 | date: '2017',
184 | desc: ['Full stack app that allows users to login and list down favorite anime series.'],
185 | tags: ['webapp', 'backend', 'flask', 'python'],
186 | github: 'https://github.com/aviaryan/ud-catalog'
187 | },
188 | {
189 | id: 'website',
190 | name: 'My Blog/Website',
191 | date: '2013-16',
192 | desc: ['Blog + website written in Jekyll.'],
193 | tags: ['website', 'blog', 'jekyll'],
194 | github: 'https://github.com/aviaryan/aviaryan.github.com',
195 | websites: ['http://aviaryan.github.io']
196 | },
197 | {
198 | id: 'dls',
199 | name: 'DLS',
200 | date: '2016',
201 | desc: [
202 | 'Direct Link Service. A pastebin for text and uploading files where you can choose a custom link.',
203 | 'Also file and text will be accessible/downloadable from easy to remember direct links.'],
204 | tags: ['flask', 'backend', 'python'],
205 | github: 'https://github.com/aviaryan/dls',
206 | websites: ['http://dls.aviaryan.in/']
207 | },
208 | {
209 | id: 'orga-server',
210 | name: 'Open Event Server',
211 | date: '2016-17',
212 | desc: ['API server to enable organizers to manage events from concerts to conferences and meet-ups. Part of the open event ecosystem.',
213 | 'Deployable on Digital Ocean, Google Cloud, EC 2 and Heroku.'],
214 | tags: ['flask', 'backend', 'python'],
215 | github: 'https://github.com/fossasia/open-event-orga-server',
216 | weight: 1,
217 | websites: ['https://open-event-dev.herokuapp.com', 'https://eventyay.com']
218 | },
219 | {
220 | id: 'competitive',
221 | name: 'Competitive Codes',
222 | date: '2015-present',
223 | desc: ['This project contains all the codes I made in my journey of competitive programming.',
224 | "I prefer to write in CPP. Have lost interest in competitive programming recently, more aligned towards development."],
225 | tags: ['algorithm', 'data-structures', 'cpp'],
226 | github: 'https://github.com/aviaryan/competitive'
227 | },
228 | {
229 | id: 'sub-notebook',
230 | name: 'Sublime Notebook',
231 | date: '2017-present',
232 | desc: [
233 | 'Sublime Notebook is an attempt to use Sublime Text as a complete note taking application.',
234 | 'It comes with all sorts of cool features like note searching, hierarchical organization, password encryption, cloud sync and git backups.'
235 | ],
236 | tags: ['sublime-text', 'python'],
237 | github: 'https://github.com/aviaryan/SublimeNotebook',
238 | websites: ['https://medium.com/aviaryan/sublime-notebook-an-attempt-to-use-sublime-text-as-my-note-taking-application-b8d846c47905#.hy8alq2ip']
239 | },
240 | {
241 | id: 'lcpscancode',
242 | name: 'CC Licenses Parser for Scancode',
243 | date: '2017',
244 | desc: ['This script scans Creative Commons License pages and generate scancode data files.'],
245 | tags: ['scripting', 'python', 'regex'],
246 | weight: -2,
247 | github: 'https://github.com/aviaryan/cc-licenses-parser-scancode'
248 | },
249 | {
250 | id: 'lc3-sublime',
251 | name: 'LC3 Sublime',
252 | date: '2015',
253 | desc: ['A Package to provide syntax highlighting for LC3 .asm files in Sublime Text.',
254 | '"Goto Symbol" feature in Sublime Text corresponds to labels in the assembly code.'],
255 | tags: ['sublime-text', 'regex'],
256 | github: 'https://github.com/aviaryan/lc3-sublime'
257 | },
258 | {
259 | id: 'close-folder',
260 | name: 'Close Folder',
261 | date: '2015',
262 | desc: ['A simple Sublime Text plugin to close all open files of current directory or all open files inside some directory.',
263 | 'Supports Sublime Text 2 and 3. Available on Package Control as CloseFolder'],
264 | tags: ['sublime-text'],
265 | github: 'https://github.com/aviaryan/CloseFolder'
266 | },
267 | {
268 | id: 'quotesOnTheGo',
269 | name: 'Quotes On The Go',
270 | date: '2017',
271 | desc: ['Command line application that shows you a random quote using forismatic.com API.'],
272 | tags: ['golang', 'cli'],
273 | weight: -2,
274 | github: 'https://github.com/aviaryan/quotesOnTheGo'
275 | },
276 | {
277 | id: 'csbed',
278 | name: 'Counter Strike Bot Editor',
279 | date: '2013',
280 | desc: ['Counter Strike 1.6/CZ complete bot profiles editor with a GUI. Last updated on Jan 2013.'],
281 | tags: ['autohotkey', 'gui'],
282 | github: 'https://github.com/aviaryan/Counter-Strike-Bot-Editor'
283 | },
284 | {
285 | id: 'series-renamer',
286 | name: 'Series Renamer',
287 | date: '2015',
288 | desc: ['Python script that connects to thetvdb.com and renames your TV series in any fashion you want.'],
289 | tags: ['python', 'cli', 'regex', 'pip'],
290 | github: 'https://github.com/aviaryan/series-renamer',
291 | weight: 1,
292 | websites: ['http://aviaryan.github.io/series-renamer/']
293 | },
294 | {
295 | id: 'gmd',
296 | name: 'Github Markdown Preview',
297 | date: '2016',
298 | desc: ['A simple webapp to preview markdown text (GFM) using Github API. Also allows you to print markdown document.'],
299 | tags: ['webapp'],
300 | github: 'https://github.com/aviaryan/javascripts/tree/gh-pages/github.md',
301 | websites: ['http://gmd.aavi.me/']
302 | },
303 | {
304 | id: 'gig',
305 | name: 'Gradient Image generator',
306 | date: '2015',
307 | desc: ['A tool to convert CSS gradients to image files. Height and width of the image can be set by the user.'],
308 | tags: ['webapp'],
309 | github: 'https://github.com/aviaryan/javascripts#gradient-image-generator-gig',
310 | websites: ['http://gig.aavi.me/']
311 | },
312 | {
313 | id: 'puzzle8',
314 | name: 'Puzzle-8',
315 | date: '2016',
316 | desc: ['8-Puzzle game in Android. Includes automatic puzzle solver.'],
317 | tags: ['android', 'java', 'game'],
318 | github: 'https://github.com/aviaryan/CSwA_puzzle8'
319 | },
320 | {
321 | id: 'nkm-server',
322 | name: 'NowKnowMore server',
323 | date: '2016',
324 | desc: [
325 | 'Now Know More is a news aggregation service that allows you to follow any topic of your interest and get latest news on the same.',
326 | 'The topic can by anything from "Good Recipes" to "Stock Market" to "Fitness Tips".',
327 | 'The whole thing was built in 8 hrs with swagger API documentation and integrated unit testing.'],
328 | tags: ['backend', 'flask', 'python'],
329 | github: 'https://github.com/aviaryan/nkm-server'
330 | },
331 | {
332 | id: 'dockerfiles',
333 | name: 'Dockerfiles',
334 | date: '2016',
335 | desc: ['Free, useful Docker images built by me.'],
336 | tags: ['docker'],
337 | github: 'https://github.com/aviaryan/Dockerfiles'
338 | },
339 | {
340 | id: 'emojiui',
341 | name: 'EmojiUI',
342 | date: '2016',
343 | desc: ['Offline and cross-platform emoji finding tool using Electron.'],
344 | tags: ['npm', 'javascript', 'electron'],
345 | github: 'https://github.com/aviaryan/emojiui'
346 | },
347 | {
348 | id: 'lxiym-pdf',
349 | name: 'Learn X in Y minutes - PDF',
350 | date: '2015-16',
351 | desc: ['Small code-oriented PDFs to master any programming language.'],
352 | tags: ['python', 'scripting'],
353 | github: 'https://github.com/aviaryan/learnxinyminutes-pdf'
354 | },
355 | {
356 | id: 'ots-2016-cal',
357 | name: 'OTS 2016 Google Calendar',
358 | date: '2016',
359 | desc: ['A quick and dirty little thing that takes OTS 2016 schedule (json) and creates Google Calendars (and iCalendars .ics) out of it.'],
360 | tags: ['golang', 'scripting', 'ci'],
361 | github: 'https://github.com/aviaryan/opentechsummit-2016-calendar'
362 | },
363 | {
364 | id: 'ahk-ci',
365 | name: 'AutoHotkey CI',
366 | date: '2016',
367 | desc: ['Example project to demonstrate how to use AppVeyor to set up continuous testing for an AutoHotkey project.'],
368 | tags: ['autohotkey', 'scripting', 'ci'],
369 | github: 'https://github.com/aviaryan/Ahk-CI-Example',
370 | websites: ['https://autohotkey.com/boards/viewtopic.php?f=6&t=16168']
371 | },
372 | {
373 | id: 'collegare-server',
374 | name: 'Collegare Server',
375 | date: '2015',
376 | desc: ['Unofficial college\'s social networking platform. I worked on the backend.'],
377 | tags: ['php', 'backend'],
378 | github: 'https://github.com/aviaryan/collegare-server'
379 | },
380 | {
381 | id: 'pythons',
382 | name: 'Pythons',
383 | date: '2016',
384 | desc: ['Little python scripts I made to make my life easier. Scripts like Twitter follow bot, emoji searching tool, encrypt/decrypt tool and so on.'],
385 | tags: ['python', 'scripting'],
386 | github: 'https://github.com/aviaryan/pythons'
387 | },
388 | {
389 | id: 'ahks',
390 | name: 'AutoHotkey scripts',
391 | date: '2013-16',
392 | desc: ['A collection of Autohotkey scripts and libraries authored by me'],
393 | tags: ['autohotkey', 'scripting'],
394 | weight: 1,
395 | github: 'https://github.com/aviaryan/autohotkey-scripts'
396 | },
397 | {
398 | id: 'gcide',
399 | name: 'GCIDE JSON',
400 | date: '2015-16',
401 | desc: ['GCIDE dictionary in json format. Also includes a command-line dictionary application.'],
402 | tags: ['python', 'scripting', 'scraping'],
403 | github: 'https://github.com/aviaryan/gcide-dictionary-json'
404 | },
405 | {
406 | id: 'bootstrap-chm',
407 | name: 'Bootstrap CHM',
408 | date: '2015-16',
409 | desc: ['Bootstrap documentation in chm, complete with Index and TOC. Especially suited for Windows based developers.'],
410 | tags: ['python', 'scripting', 'scraping'],
411 | github: 'https://github.com/aviaryan/bootstrap-chm'
412 | },
413 | {
414 | id: 'algorithms-course',
415 | name: 'Algorithms 101',
416 | date: '2015-16',
417 | desc: ['Algorithm implementations from my 4th semester Algorithms 101 course.'],
418 | tags: ['cpp', 'algorithm', 'data-structures'],
419 | github: 'https://github.com/aviaryan/algorithms-course'
420 | },
421 | {
422 | id: 'brain-games',
423 | name: 'Brain Games',
424 | date: '2015',
425 | desc: [
426 | 'Games to boost one\'s brain, written in Python using Pyglet. Includes 6 different exciting games.',
427 | 'Pre-compiled binaries available for Windows.'
428 | ],
429 | weight: 2,
430 | tags: ['python', 'game', 'gui'],
431 | github: 'https://github.com/aviaryan/BrainGames'
432 | },
433 | {
434 | id: 'ahk-best',
435 | name: 'Ahk Best Practises',
436 | date: '2016',
437 | desc: [
438 | 'Good practices in AutoHotkey coding that will help avoid bugs and make your code more readable'
439 | ],
440 | tags: ['autohotkey'],
441 | github: 'https://github.com/aviaryan/Ahk-Best-Practices'
442 | },
443 | {
444 | id: 'pop-movies',
445 | name: 'Popular Movies',
446 | date: '2016',
447 | desc: ['An app to showcase trending and popular movies.'],
448 | tags: ['android', 'java'],
449 | github: 'https://github.com/aviaryan/PopularMovies'
450 | },
451 | {
452 | id: 'ini-translator',
453 | name: 'INI Translator',
454 | date: '2013',
455 | desc: [
456 | 'A program to translate ini-formatted files (key=value) in one go. Supports all popular formats.',
457 | 'Uses scraping for Google Translate to achieve the results.'
458 | ],
459 | tags: ['autohotkey', 'scripting', 'scraping'],
460 | github: 'https://github.com/aviaryan/initranslator'
461 | },
462 | {
463 | id: 'shape-recog',
464 | name: 'Shape Recognition',
465 | date: '2015',
466 | desc: [
467 | 'Shape Recog is a figure analyzer and synthesizer. It corrects the figure you have drawn to fit a known geometrical representation.',
468 | 'The developed version only checks if it\'s square, rectangle, triangle, circle, line or INVALID.'
469 | ],
470 | tags: ['autohotkey', 'maths', 'gui'],
471 | github: 'https://github.com/aviaryan/shape-recog'
472 | },
473 | {
474 | id: 'highlighter-ahk',
475 | name: 'AutoHotkey Syntax Highlighter',
476 | date: '2014',
477 | desc: ['AutoHotkey Syntax Highlighter Brush with Zenburn and GitHub themes'],
478 | tags: ['javascript', 'regex'],
479 | github: 'https://github.com/aviaryan/highlighter-ahk-zenburn'
480 | },
481 | {
482 | id: 'light-ahk',
483 | name: 'Light AHK',
484 | date: '2014',
485 | desc: ['Really lightweight syntax highlighting for AutoHotkey. Only 6.4kb non-gzipped overhead.',
486 | 'This includes syntax highlighting library + css styles.'],
487 | tags: ['javascript', 'regex'],
488 | github: 'https://github.com/aviaryan/lightAHK'
489 | },
490 | {
491 | id: 'ini-hl',
492 | name: 'INI Highlighter',
493 | date: '2013-14',
494 | desc: ['Syntax Highlighter Brush for INI format'],
495 | tags: ['javascript', 'regex'],
496 | github: 'https://github.com/aviaryan/lightAHK'
497 | },
498 | {
499 | id: 'wtfeed',
500 | name: 'What the Feed',
501 | date: '2016',
502 | desc: [
503 | 'What The Feed is a social media aggregration platform that helps you follow related social media accounts at once.',
504 | 'Suppose you are interested in some topic, say "Indian Finance", WTF will automatically find the leading social ' +
505 | ' media accounts for that topic, follow their posts and provide you with an aggregrated feed.',
506 | 'Twitter, Instagram and Tumblr are supported at the moment.'
507 | ],
508 | tags: ['python', 'backend', 'django'],
509 | github: 'https://github.com/iiitv/hackathon-fullstack-server'
510 | },
511 | {
512 | id: 'portfolio',
513 | name: 'Portfolio',
514 | date: '2017-present',
515 | desc: [
516 | 'My open source projects portfolio. Built using React, React Router and Redux.',
517 | 'My first open source React project.'
518 | ],
519 | tags: ['webapp', 'react', 'javascript'],
520 | github: 'https://github.com/aviaryan/work',
521 | websites: ['http://aviaryan.in/work']
522 | },
523 | {
524 | id: 'alfred-clc',
525 | name: 'Alfred CLC',
526 | date: '2017',
527 | desc: [
528 | 'Powerful calculator for Alfred. Supports advanced expressions and unit conversions.'
529 | ],
530 | tags: ['alfred', 'scripting'],
531 | github: 'https://github.com/aviaryan/alfred-clc',
532 | websites: ['https://www.alfredforum.com/topic/10652-clc-powerful-calculator-for-alfred/']
533 | },
534 | {
535 | id: 'alfred-google-search',
536 | name: 'Alfred Google Search',
537 | date: '2017',
538 | desc: [
539 | 'Alfred workflow to do inline google searches (open URL or copy to clipboard).'
540 | ],
541 | tags: ['alfred', 'scripting'],
542 | github: 'https://github.com/aviaryan/alfred-google-search',
543 | websites: ['https://www.alfredforum.com/topic/10674-google-inline-search-open-url-copy-to-clipboard/']
544 | },
545 | {
546 | id: 'gsearch',
547 | name: 'Google Search API',
548 | date: '2017',
549 | weight: 1,
550 | desc: [
551 | 'Google Search unofficial API for Python with no external dependencies.',
552 | 'Full Unicode support and works with Python 2 & 3.'
553 | ],
554 | tags: ['python', 'scraping', 'pip'],
555 | github: 'https://github.com/aviaryan/python-gsearch',
556 | },
557 | {
558 | id: 'vscodenotebook',
559 | name: 'VSCode Notebook',
560 | date: '2018-present',
561 | weight: 1,
562 | desc: [
563 | 'VSCode Notebook is an attempt to use VSCode as a complete note taking application.',
564 | 'It comes with all sorts of cool features like note searching, hierarchical organization, password encryption, cloud sync and git backups.'
565 | ],
566 | tags: ['python', 'vscode'],
567 | github: 'https://github.com/aviaryan/VSCodeNotebook',
568 | },
569 | {
570 | id: 'chattt',
571 | name: 'Chattt',
572 | date: '2018',
573 | desc: [
574 | 'Chat without leaving your terminal'
575 | ],
576 | tags: ['javascript', 'npm', 'cli'],
577 | github: 'https://github.com/aviaryan/chattt',
578 | }
579 | ];
580 |
581 |
582 | /*
583 | * Sort and return
584 | */
585 | function compareDates(a, b) {
586 | // current year
587 | const year = new Date().getFullYear();
588 | // base year - when I started development
589 | const baseYear = 2013 - 1;
590 |
591 | // date value generator
592 | const fd = (date) => {
593 | if (date.indexOf('present') > -1)
594 | return year - baseYear + 1; // largest, so +1
595 | else {
596 | for (let yr = year; yr > baseYear; yr--) {
597 | if (date.indexOf(yr.toString().substring(3)) > -1) {
598 | return yr - baseYear;
599 | }
600 | }
601 | }
602 | };
603 |
604 | let wta = fd(a.date) + (a.weight || 0);
605 | let wtb = fd(b.date) + (b.weight || 0);
606 |
607 | if (wta < wtb) {
608 | return 1;
609 | } else if (wta > wtb) {
610 | return -1;
611 | } else {
612 | // a comes before b in original array
613 | // let comp = (a.weight || 5) <= (b.weight || 5);
614 | return -1; // (comp) ? 1 : -1;
615 | }
616 | }
617 |
618 | projects.sort(compareDates);
619 |
620 | export default projects;
621 |
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | /** General styles **/
2 |
3 | html, body, .router {
4 | height: 100%;
5 | width: 100%;
6 | margin: 0;
7 | padding: 0;
8 | }
9 |
--------------------------------------------------------------------------------
/src/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import {HashRouter as Router, Route} from 'react-router-dom'
4 |
5 | import registerSW from './lib/loadSW';
6 |
7 | import Home from './screens/Home/Home'
8 | import Detail from './screens/Detail/Detail'
9 | import styles from './index.css'
10 |
11 | // service worker ftw
12 | registerSW();
13 |
14 | ReactDOM.render(
15 |
17 |
18 |
19 |
20 | Website: {lib.getDomain(w)}
59 | );
60 | }
61 | // github
62 | let gh = "";
63 | if (project.github){
64 | let re = new RegExp('.*github[^\/]*\/([^\/]+(\/[^\/\#]+)?).*$', 'i');
65 | let found = project.github.match(re);
66 | gh = found[1];
67 | }
68 | // desc
69 | let descDOM = project.desc.map((d, index) =>
70 | {d}
71 | ); 72 | // render 73 | return ( 74 |
75 |
103 | );
104 | }
105 | }
106 |
--------------------------------------------------------------------------------
/src/screens/Home/Home.css:
--------------------------------------------------------------------------------
1 | .app {
2 | margin: 0 auto 0 auto;
3 | width: 95%;
4 | max-width: 1200px;
5 | min-height: 100%;
6 | display: flex;
7 | flex-direction: column;
8 | font-family: 'Open Sans', sans-serif;
9 | }
10 |
11 | .headerDiv {
12 | display: flex;
13 | flex-direction: row;
14 | justify-content: space-between;
15 | margin-top: 1rem;
16 | }
17 |
18 | .content {
19 | margin-top: 2rem;
20 | display: flex;
21 | flex-direction: row;
22 | align-content: flex-start;
23 | /* dont use justify content center as single col */
24 | flex-wrap: wrap;
25 | flex-grow: 100;
26 | }
27 |
28 | .noResults {
29 | font-size: 1.5rem;
30 | width: 100%;
31 | text-align: center;
32 | margin-top: 2rem;
33 | color: grey;
34 | }
35 |
36 | .footerDiv {
37 | font-size: 0.9rem;
38 | margin-top: 2.5rem;
39 | margin-bottom: 1rem;
40 | color: slategray;
41 | }
42 |
43 | .horizSpace {
44 | margin: 0 0.5rem;
45 | }
46 |
47 | .footerDiv a {
48 | text-decoration: none;
49 | border-bottom: 1px dotted;
50 | color: inherit;
51 | }
52 |
53 | @media all and (max-width: 1200px) {
54 | .app {
55 | width: 98%;
56 | }
57 | .headerDiv {
58 | margin: 1rem 0.5rem 0 0.5rem;
59 | }
60 | .footerDiv {
61 | margin-left: 1rem;
62 | }
63 | }
64 |
65 | @media all and (max-width: 550px) {
66 | .content { /* single row */
67 | justify-content: center;
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/src/screens/Home/Home.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 | import GeoPattern from 'geopattern'
3 |
4 | import Search from '../../components/Search/Search'
5 | import Header from '../../components/Header/Header'
6 | import Project from '../../components/Project/Project'
7 | import styles from './Home.css'
8 |
9 | import lib from '../../lib/utils'
10 | import projects from '../../data/projects'
11 | import store from '../../lib/state'
12 | import config from '../../data/config'
13 |
14 |
15 | export default class App extends Component {
16 | constructor(props) {
17 | super(props);
18 | this.state = {
19 | searchText: '',
20 | projects: projects
21 | };
22 | this.inputChange = this.inputChange.bind(this);
23 | }
24 |
25 | componentDidMount() {
26 | // set header color
27 | this.setHeaderColor();
28 | // document's title
29 | document.title = config.title;
30 |
31 | // use query param
32 | // generally passed manually so return
33 | let searchText = this.props.location.search.substring(1);
34 | if (searchText) { // optimize, only needed when search has something
35 | lib.setSearch(searchText);
36 | return;
37 | }
38 | // use internal state
39 | let st = store.getState();
40 | if (st.search !== undefined && st.search){
41 | lib.setSearch(st.search);
42 | return; // let setState handle scroll
43 | }
44 | // scroll state
45 | if (st.yOffset !== undefined){
46 | window.scrollTo(0, st.yOffset);
47 | }
48 | // clear state
49 | store.dispatch({type: 'CLEAR'});
50 | }
51 |
52 | /*
53 | * sets a random color to header text
54 | */
55 | setHeaderColor(){
56 | let str = Date.now().toString();
57 | let pattern = GeoPattern.generate(str, {
58 | baseColor: '#8e354b'
59 | });
60 | document.getElementsByClassName(styles.headerDiv)[0].style.color = pattern.color;
61 | }
62 |
63 | inputChange(event) {
64 | // something was added in the filter. We had AND matching right now.
65 | let useState = (event.target.value.indexOf(this.state.searchText) == 0);
66 | this.setState({
67 | searchText: event.target.value,
68 | projects: lib.filterProjects(useState ? this.state.projects : projects, event.target.value)
69 | }, () => {
70 | lib.focusSearch();
71 | // set scroll
72 | let st = store.getState();
73 | if (st.yOffset !== undefined){
74 | window.scrollTo(0, st.yOffset);
75 | }
76 | store.dispatch({type: 'CLEAR'});
77 | });
78 | }
79 |
80 | render() {
81 | let projectDOM = this.state.projects.map((p) =>
82 |
76 | ←
77 | {project.name}
78 |
79 |
80 |
81 |
82 | {project.github &&
83 |
84 |
86 | }
87 |
88 |
89 | {project.github &&
90 |
93 |
94 | GitHub: {gh}
}
91 | {websitesDOM}
92 |
95 | {descDOM}
96 |
97 |
98 |
99 | {tagsDOM}
100 |
101 |
102 | No results found
);
87 | }
88 | return (
89 |
90 |
91 |
93 |
94 |
105 | )
106 | }
107 | }
108 |
--------------------------------------------------------------------------------
/src/screens/Page404/Page404.css:
--------------------------------------------------------------------------------
1 | .text404 {
2 | align-self: center;
3 | font-size: 5rem;
4 | }
5 |
6 | .detail404 {
7 | margin-top: 1rem;
8 | align-self: center;
9 | }
10 |
--------------------------------------------------------------------------------
/src/screens/Page404/Page404.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component} from 'react'
2 |
3 | import appStyles from '../Home/Home.css'
4 | import styles from './Page404.css'
5 |
6 |
7 | export default class Page404 extends Component {
8 | render() {
9 | return (
10 |
95 | {projectDOM}
96 |
97 |
104 |
11 |
14 | );
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/sw.js:
--------------------------------------------------------------------------------
1 | var filesToCache = [
2 | 'index.html',
3 | 'dist/bundle.js',
4 | 'https://fonts.googleapis.com/css?family=Open+Sans:400,700',
5 | 'https://buttons.github.io/buttons.js',
6 | ];
7 |
8 | // only work when deployed
9 | if (self.registration.scope.indexOf("localhost") < 0) {
10 | filesToCache.push('dist/styles.css');
11 | filesToCache.push('dist/vendor.bundle.js');
12 | }
13 |
14 | const version = '1.0';
15 | const staticCacheName = 'showcase-cache-' + version;
16 |
17 | self.addEventListener('install', function (event) {
18 | console.log('Attempting to install service worker and cache static assets');
19 | event.waitUntil(
20 | caches.open(staticCacheName)
21 | .then(function (cache) {
22 | return cache.addAll(filesToCache);
23 | })
24 | );
25 | });
26 |
27 | function addURLToCache(event) {
28 | fetch(event.request).then(function (response) {
29 | caches.open(staticCacheName).then(function (cache) {
30 | console.log('[lazy] had to put ' + event.request.url + ' in cache');
31 | cache.put(event.request.url, response.clone());
32 | });
33 | }).catch((err) => {
34 | console.log('lazy update failed for ' + event.request.url + '\n' + err);
35 | })
36 | }
37 |
38 | self.addEventListener('fetch', function (event) {
39 | console.log('Fetch event for ', event.request.url);
40 | event.respondWith(
41 | caches.match(event.request).then(function (response) {
42 | if (response) {
43 | console.log('Found ', event.request.url, ' in cache');
44 | // lazy update cache
45 | setTimeout(() => {
46 | addURLToCache(event)
47 | }, 200);
48 | return response;
49 | }
50 | console.log('Network request for ', event.request.url);
51 | return fetch(event.request).then(function (response) {
52 | // TODO 5 - Respond with custom 404 page
53 | return caches.open(staticCacheName).then(function (cache) {
54 | console.log('had to put ' + event.request.url + ' in cache');
55 | cache.put(event.request.url, response.clone());
56 | return response;
57 | });
58 | });
59 | }).catch(function (error) {
60 | // TODO 6 - Respond with custom offline page
61 | })
62 | );
63 | });
64 |
65 | self.addEventListener('activate', function (event) {
66 | console.log('Activating new service worker...');
67 |
68 | let cacheWhitelist = [staticCacheName];
69 |
70 | event.waitUntil(
71 | caches.keys().then(function (cacheNames) {
72 | return Promise.all(
73 | cacheNames.map(function (cacheName) {
74 | if (cacheWhitelist.indexOf(cacheName) === -1) {
75 | return caches.delete(cacheName);
76 | }
77 | })
78 | );
79 | })
80 | );
81 | });
82 |
--------------------------------------------------------------------------------
/webpack.dev.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: [
3 | 'webpack-dev-server/client?http://localhost:8080',
4 | 'webpack/hot/only-dev-server',
5 | './src/index.jsx'
6 | ],
7 | module: {
8 | loaders: [{
9 | test: /\.jsx?$/,
10 | exclude: /node_modules/,
11 | loader: 'react-hot-loader!babel-loader'
12 | }, {
13 | test: /\.css$/,
14 | use: [
15 | 'style-loader',
16 | {
17 | loader: 'css-loader',
18 | options: { modules: true },
19 | }
20 | ],
21 | }]
22 | },
23 | resolve: {
24 | extensions: ['.js', '.jsx']
25 | },
26 | output: {
27 | path: __dirname + '/dist',
28 | publicPath: '/dist/',
29 | filename: 'bundle.js'
30 | },
31 | devServer: {
32 | contentBase: './',
33 | hot: true
34 | }
35 | };
36 |
--------------------------------------------------------------------------------
/webpack.prod.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack');
2 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
3 |
4 | module.exports = {
5 | entry: {
6 | app: './src/index.jsx',
7 | // vendor: ['react', 'react-dom', 'geopattern', 'react-router-dom', 'redux']
8 | },
9 | module: {
10 | loaders: [{
11 | test: /\.jsx?$/,
12 | exclude: /node_modules/,
13 | loader: 'babel-loader',
14 | query: {
15 | presets: ['es2015', 'react']
16 | }
17 | }, {
18 | test: /\.css$/,
19 | use: ExtractTextPlugin.extract({
20 | use: [{
21 | loader: 'css-loader',
22 | options: { importLoaders: 1, modules: true, localIdentName: '[local]-[hash:base64:5]' },
23 | }],
24 | }),
25 | }]
26 | },
27 | resolve: {
28 | extensions: ['.js', '.jsx'],
29 | "alias": {
30 | "react": "preact-compat",
31 | "react-dom": "preact-compat"
32 | }
33 | },
34 | output: {
35 | path: __dirname + '/dist',
36 | publicPath: '/dist/',
37 | filename: 'bundle.js'
38 | },
39 | node: { Buffer: false }, // https://github.com/btmills/geopattern/issues/32
40 | plugins: [
41 | // extract text
42 | new ExtractTextPlugin("styles.css"),
43 | // minify
44 | new webpack.optimize.UglifyJsPlugin({
45 | mangle: true,
46 | compress: {
47 | warnings: false, // Suppress uglification warnings
48 | pure_getters: true,
49 | unsafe: true,
50 | unsafe_comps: true,
51 | screw_ie8: true,
52 | conditionals: true,
53 | unused: true,
54 | comparisons: true,
55 | sequences: true,
56 | dead_code: true,
57 | evaluate: true,
58 | if_return: true,
59 | join_vars: true
60 | },
61 | comments: false
62 | }),
63 | // vendor: https://webpack.github.io/docs/code-splitting.html#split-app-and-vendor-code
64 | // new webpack.optimize.CommonsChunkPlugin({name: 'vendor', filename: 'vendor.bundle.js'})
65 | // no need for vendor optimization as it is very small
66 | ]
67 | };
68 |
--------------------------------------------------------------------------------
404
12 | Head back home
13 |