├── .editorconfig ├── .gitignore ├── .prettierrc ├── @types ├── plugin.d.ts └── vue-shim.d.ts ├── README.md ├── api └── index.ts ├── assets ├── README.md ├── empty-bookmarks.svg └── variables.scss ├── components ├── about.vue ├── appbar.vue ├── bookmark.vue ├── cards.vue ├── navigation.vue ├── notification.vue └── spinner.vue ├── layouts ├── default.vue ├── error.vue └── search.vue ├── nuxt.config.js ├── package-lock.json ├── package.json ├── pages ├── bookmarks.vue ├── index.vue └── search.vue ├── plugins └── notifier.ts ├── static └── favicon.ico ├── store ├── index.ts └── notification.ts └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | charset = utf-8 9 | trim_trailing_whitespace = true 10 | insert_final_newline = true 11 | 12 | [*.md] 13 | trim_trailing_whitespace = false 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### Node template 3 | # Logs 4 | /logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | 10 | # Runtime data 11 | pids 12 | *.pid 13 | *.seed 14 | *.pid.lock 15 | 16 | # Directory for instrumented libs generated by jscoverage/JSCover 17 | lib-cov 18 | 19 | # Coverage directory used by tools like istanbul 20 | coverage 21 | 22 | # nyc test coverage 23 | .nyc_output 24 | 25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 26 | .grunt 27 | 28 | # Bower dependency directory (https://bower.io/) 29 | bower_components 30 | 31 | # node-waf configuration 32 | .lock-wscript 33 | 34 | # Compiled binary addons (https://nodejs.org/api/addons.html) 35 | build/Release 36 | 37 | # Dependency directories 38 | node_modules/ 39 | jspm_packages/ 40 | 41 | # TypeScript v1 declaration files 42 | typings/ 43 | 44 | # Optional npm cache directory 45 | .npm 46 | 47 | # Optional eslint cache 48 | .eslintcache 49 | 50 | # Optional REPL history 51 | .node_repl_history 52 | 53 | # Output of 'npm pack' 54 | *.tgz 55 | 56 | # Yarn Integrity file 57 | .yarn-integrity 58 | 59 | # dotenv environment variables file 60 | .env 61 | 62 | # parcel-bundler cache (https://parceljs.org/) 63 | .cache 64 | 65 | # next.js build output 66 | .next 67 | 68 | # nuxt.js build output 69 | .nuxt 70 | 71 | # Nuxt generate 72 | dist 73 | 74 | # vuepress build output 75 | .vuepress/dist 76 | 77 | # Serverless directories 78 | .serverless 79 | 80 | # IDE / Editor 81 | .idea 82 | 83 | # Service worker 84 | sw.* 85 | 86 | # macOS 87 | .DS_Store 88 | 89 | # Vim swap files 90 | *.swp 91 | 92 | .vercel 93 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": false, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /@types/plugin.d.ts: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | 3 | declare module 'vue/types/vue' { 4 | interface Vue { 5 | $notify: (message: string) => void 6 | } 7 | } 8 | 9 | declare module 'vuex/types/index' { 10 | interface Store { 11 | $notify(message: string): void 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /@types/vue-shim.d.ts: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import { Framework } from 'vuetify' 3 | import { Context, Middleware } from '@nuxt/types' 4 | 5 | declare module '*.vue' { 6 | import Vue from 'vue' 7 | export default Vue 8 | } 9 | 10 | declare module 'vue/types/options' { 11 | interface ComponentOptions { 12 | fetch?(ctx: Context): Promise | void 13 | layout?: string | ((ctx: Context) => string) 14 | middleware?: Middleware | Middleware[] 15 | } 16 | } 17 | 18 | declare module 'vue/types/vue' { 19 | interface Vue { 20 | $vuetify: Framework 21 | } 22 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # :fire: The Index 2 | 3 | A curated list of awesome design resources for web developers 4 | 5 | # ✨ Features 6 | 7 | :heart: **Lightweight and minimalistic design**: Highly minimal and simple design 8 | 9 | :rainbow: **Dark Mode**: Tend to your eyes in the darkness 10 | 11 | :zap: **Easy to use**: Simple and intuitive design thats easy to use 12 | 13 | :bookmark: **Bookmarks**: Bookmark your favourite resources easily. 14 | 15 | :mag: **Search**: Looking for a particular resource? Just search for it using the search button. 16 | 17 | :rocket: **Performance**: The Index is built using Vuejs, HTML5, and CSS3 which makes it lightning-fast and gives a great performance. 18 | 19 | --- 20 | 21 | ## 🧰 Built with 22 | 23 | - VueJS 24 | - Vuetify 25 | - HTML5 26 | - CSS3 27 | 28 | ## :construction_worker: Setup 29 | 30 | - Clone the Repository. 31 | 32 | ``` 33 | $ git clone https://github.com/sumitkolhe/theindex 34 | ``` 35 | 36 | - Install the dependencies for the backend 37 | 38 | ``` 39 | $ cd theindex 40 | 41 | $ npm install 42 | ``` 43 | 44 | - Compiles and hot-reloads for development 45 | 46 | ``` 47 | $ npm run serve 48 | ``` 49 | 50 | - Compiles and minifies for production 51 | 52 | ``` 53 | $ npm run build 54 | ``` 55 | 56 | - Lints and fixes files 57 | 58 | ``` 59 | $ npm run lint 60 | ``` 61 | 62 | ## ✍️ Authors 63 | 64 | - [**Sumit Kolhe**](https://github.com/sumitkolhe) - _Author_ 65 | 66 | ## 📜 License 67 | 68 | This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details. 69 | -------------------------------------------------------------------------------- /api/index.ts: -------------------------------------------------------------------------------- 1 | import { NowRequest, NowResponse } from '@vercel/node' 2 | import axios from 'axios' 3 | import cheerio from 'cheerio' 4 | import showdown from 'showdown' 5 | 6 | const converter = new showdown.Converter() 7 | converter.setFlavor('github') 8 | 9 | module.exports = (req: NowRequest, res: NowResponse) => { 10 | res.setHeader('Access-Control-Allow-Origin', '*') 11 | res.setHeader('Access-Control-Allow-Headers', '*') 12 | res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS') 13 | 14 | axios 15 | .get( 16 | 'https://raw.githubusercontent.com/bradtraversy/design-resources-for-developers/master/readme.md' 17 | ) 18 | .then((response) => { 19 | const converted_html = converter.makeHtml(response.data) 20 | const $ = cheerio.load(converted_html) 21 | 22 | let category_name: string 23 | let resources: Array

Design Resources

Author

Github

Design Resources

30 | {{ website.title }} 31 |

Design Resources

{{ message }}

4 | {{ pageNotFound }} 5 |

7 | {{ otherError }} 8 |