{"id":21133667,"url":"https://github.com/ngkhang/random-quotes","last_synced_at":"2026-04-10T13:31:48.142Z","repository":{"id":191019165,"uuid":"682003371","full_name":"ngkhang/random-quotes","owner":"ngkhang","description":"Random quotes project using Vite - React - TypeScript","archived":false,"fork":false,"pushed_at":"2023-09-02T09:27:05.000Z","size":121,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-04T03:01:40.986Z","etag":null,"topics":["eslint","front-end","pet-project","reactjs","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ngkhang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-23T08:22:12.000Z","updated_at":"2023-08-31T16:43:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"6eec536a-680d-4538-8eab-98d64fe72c7a","html_url":"https://github.com/ngkhang/random-quotes","commit_stats":null,"previous_names":["ngkhang/random-quotes"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ngkhang/random-quotes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngkhang%2Frandom-quotes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngkhang%2Frandom-quotes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngkhang%2Frandom-quotes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngkhang%2Frandom-quotes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ngkhang","download_url":"https://codeload.github.com/ngkhang/random-quotes/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ngkhang%2Frandom-quotes/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31645261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["eslint","front-end","pet-project","reactjs","tailwindcss","typescript","vite"],"created_at":"2024-11-20T06:15:40.274Z","updated_at":"2026-04-10T13:31:48.105Z","avatar_url":"https://github.com/ngkhang.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✨Quotes Inspirational\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eTable of Contents:\u003c/strong\u003e\u003c/summary\u003e\n\n- [✨Quotes Inspirational](#quotes-inspirational)\n  - [Note from Vite](#note-from-vite)\n    - [Expanding the ESLint configuration](#expanding-the-eslint-configuration)\n  - [About this project](#about-this-project)\n  - [Screenshot](#screenshot)\n  - [Challenges](#challenges)\n  - [Features](#features)\n  - [Technologies](#technologies)\n  - [Getting Started](#getting-started)\n    - [Installation](#installation)\n    - [Available Scripts](#available-scripts)\n      - [`npm run dev`](#npm-run-dev)\n      - [`npm run lint`](#npm-run-lint)\n      - [`npm run preview`](#npm-run-preview)\n      - [`npm run build`](#npm-run-build)\n  - [Folder Structure](#folder-structure)\n  - [Contributing](#contributing)\n  - [Author](#author)\n  - [Show your support](#show-your-support)\n\n\u003c/details\u003e\n\n---\n\n## Note from Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n### Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend updating the configuration to enable type aware lint rules:\n\n- Configure the top-level `parserOptions` property like this:\n\n```js\n   parserOptions: {\n    ecmaVersion: 'latest',\n    sourceType: 'module',\n    project: ['./tsconfig.json', './tsconfig.node.json'],\n    tsconfigRootDir: __dirname,\n   },\n```\n\n- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`\n- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`\n- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` \u0026 `plugin:react/jsx-runtime` to the `extends` list\n\n---\n\n## About this project\n\n- This is a boilerplate for React projects using Vite, TypeScript, React Router DOM, Tailwind CSS, ESLint, and Airbnb Guide Style.\n- If needed, you can install other frameworks or libraries.\n\n---\n\n## Screenshot\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eToggle Show/Hide:\u003c/strong\u003e\u003c/summary\u003e\n\n\u003c/details\u003e\n\n---\n\n## Challenges\n\n- Using....\n\n---\n\n## Features\n\n- Features...\n\n---\n\n## Technologies\n\n- This project was bootstrapped with:\n  - **Vite**: \u003chttps://vitejs.dev/\u003e\n  - **React**: \u003chttps://react.dev/\u003e\n  - **React Router DOM**: \u003chttps://reactrouter.com/en/main\u003e\n  - **TypeScript**: \u003chttps://www.typescriptlang.org/\u003e\n    - React + TypeScript: \u003chttps://github.com/typescript-cheatsheets/react\u003e\n  - **Tailwind CSS**: \u003chttps://tailwindcss.com/\u003e\n  - **ESLint**: \u003chttps://eslint.org/docs/latest/rules/\u003e\n    - TypeScript-eslint: \u003chttps://typescript-eslint.io/rules/\u003e\n  - **Airbnb Guide Style**: \u003chttps://airbnb.io/javascript/\u003e\n    - React: \u003chttps://airbnb.io/javascript/react/\u003e\n  - React Icons: \u003chttps://react-icons.github.io/react-icons\u003e\n\n---\n\n## Getting Started\n\n### Installation\n\n1. Clone this respository\n\n   ``` powershell\n   git clone https://github.com/ngkhang/random-quotes.git\n   ```\n\n2. Change to the project directory\n\n   ``` powershell\n   cd random-quotes\n   ```\n\n3. Install the dependencies:\n\n   ``` powershell\n   npm install\n   ```\n\n### Available Scripts\n\nIn the project directory, you can run:\n\n#### `npm run dev`\n\nRuns the app in the development mode.\n\n- With localhost: Run command `npm run dev` and open \u003chttp://127.0.0.1:5173/\u003e to view it in the browser.\n- With localhost and network: `npm run dev:host`\n\n  ``` powershell\n  ➜  Local:   http://localhost:5173/\n  ➜  Network: http://YOUR_IP:5173/\n  ```\n\n#### `npm run lint`\n\nThe project uses ESLint, ESLint-Ts and Airbnb Guide Style to lint the code. To run the linters, use the following commands:\n\n  ``` powershell\n  npm run lint\n  npm run lint:fix\n  ```\n\n#### `npm run preview`\n\nPreview project before build production.\n\n- With localhost: `npm run preview`\n  Run command below and open \u003chttp://127.0.0.1:8080/\u003e to view it in the browser.\n- With localhost and network: `npm run preview:host`\n\n  ``` powershell\n  ➜  Local:   http://localhost:8080/\n  ➜  Network: http://YOUR_IP:8080/\n  ```\n\n#### `npm run build`\n\n- Builds the app for production to the `dist` folder.\n\n   ``` powershell\n   npm run build\n   ```\n\n- The project can be deployed to a variety of platforms, such as Render, Firebase, Netlify, or Vercel.\n\n---\n\n## Folder Structure\n\n\u003cdetails\u003e\n\u003csummary\u003eThe code for the project is organized as follows:\u003c/summary\u003e\n\n``` markdown\n.\n├── .vscode\n├── node-modules\n├── public\n├── src/\n│   ├── apis\n│   ├── assets\n│   ├── components/\n│   │   ├── generic/\n│   │   │   ├── Header\n│   │   │   └── ...\n│   │   └── layout/\n│   │       ├── defaultLayout.tsx\n│   │       └── index.tsx\n│   ├── hooks\n│   ├── pages/\n│   │   └── PageNotPound\n│   ├── routes/\n│   │   └── index.tsx\n│   ├── types\n│   ├── utils/\n│   │   ├── constants/\n│   │   │   ├── dbPage.json\n│   │   │   └── index.tsx\n│   │   ├── functions/\n│   │   │   └── fetchAPI.tsx\n│   │   └── helpers/\n│   │       └── icons.tsx\n│   ├── App.css\n│   ├── App.tsx\n│   ├── index.css\n│   ├── main.tsx\n│   └── vite-env.d.ts\n├── .editorconfig\n├── .env\n├── .eslintrc.cjs\n├── .gitignore\n├── index.html\n├── package-lock.json\n├── package.json\n├── postcss.config.js\n├── README.md\n├── tailwind.config.js\n├── tsconfig.json\n├── tsconfig.node.json\n└── vite.config.js\n```\n\n\u003c/details\u003e\n\n---\n\n## Contributing\n\nContributions are welcome! Please open an issue or a pull request if you have any ideas for improvement.\n\n---\n\n## Author\n\n👤 **Khang Nguyen**\n\n- Website: ngkhang.onrender.com\n- Github: [@ngkhang](https://github.com/ngkhang)\n- LinkedIn: [@ngkhang0220](https://linkedin.com/in/ngkhang0220)\n\n---\n\n## Show your support\n\nGive a ⭐️ if this project helped you!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngkhang%2Frandom-quotes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fngkhang%2Frandom-quotes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fngkhang%2Frandom-quotes/lists"}