├── .github ├── ISSUE_TEMPLATE │ ├── add-api.md │ ├── custom.md │ └── issue-template.md └── release.yml ├── .gitignore ├── .gitpod.yml ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── PULL_REQUEST_TEMPLATE.md ├── README.md ├── SECURITY.md ├── babel.config.js ├── build ├── asset-manifest.json ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── img ├── Initial_page.png ├── ReadMeImg.png └── api_testing.png ├── netlify.toml ├── package-lock.json ├── package.json ├── public ├── favicon.png ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── robots.txt └── sitemap.xml ├── src ├── App.js ├── api │ ├── animals │ │ ├── 1AnimalsApi.txt │ │ ├── Animals1Dash.js │ │ ├── AnimalsCatFacts.js │ │ ├── AnimalsCataas.js │ │ ├── AnimalsDailyCatFacts.js │ │ ├── AnimalsDog.js │ │ ├── AnimalsDogApi.js │ │ ├── AnimalsMeowFacts.js │ │ ├── AnimalsRandomDog.js │ │ └── AnimalsShibeOnline.js │ ├── anime │ │ ├── 1AnimeApi.txt │ │ ├── Anime1Dash.js │ │ ├── AnimeNekos.js │ │ └── AnimeStudioGhibli.js │ ├── antiMalware │ │ ├── 1AntiMalwareApi.txt │ │ └── AntiMalware1Dash.js │ ├── artDesign │ │ ├── 1ArtDesign.txt │ │ ├── ArtDesign1Dash.js │ │ ├── ArtDesignArtic.js │ │ ├── ArtDesignEmojiHub.js │ │ └── ArtDesignMetMuseum.js │ ├── authentication │ │ ├── 1Authentication.txt │ │ └── Authentication1Dash.js │ ├── blockchain │ │ ├── 1Blockchain.txt │ │ └── Blockchain1Dash.js │ ├── books │ │ ├── 1Books.txt │ │ ├── Books1Dash.js │ │ ├── BooksABibliDigital.js │ │ ├── BooksBibleApi.js │ │ ├── BooksGutendex.js │ │ ├── BooksPoetryDb.js │ │ └── BooksQuranCloud.js │ ├── business │ │ ├── 1Buisness.txt │ │ └── Business1Dash.js │ ├── calendar │ │ ├── 1Calendar.txt │ │ └── Calendar1Dash.js │ ├── cloud │ │ ├── 1Cloud.txt │ │ └── Cloud1Dash.js │ ├── contInt │ │ ├── 1ContInt.txt │ │ └── ContInt1Dash.js │ ├── cryptocurrency │ │ ├── 1Cryptocurrency.txt │ │ └── Cryptocurrency1Dash.js │ ├── currencyExchange │ │ ├── 1CurrencyExchange.txt │ │ └── CurrencyExchange1Dash.js │ ├── dataValidation │ │ ├── 1DataValidation.txt │ │ └── DataValidation1Dash.js │ ├── development │ │ ├── 1Development.txt │ │ ├── Development1Dash.js │ │ └── DevelopmentCloudFlareTrace.js │ ├── dictionary │ │ ├── 1Dictionary.txt │ │ ├── Dictionary1Dash.js │ │ └── DictionaryFreeDictionary.js │ ├── docsProd │ │ ├── 1DocsProd.txt │ │ └── DocsProd1Dash.js │ ├── email │ │ ├── 1Email.txt │ │ └── Email1Dash.js │ ├── entertainment │ │ ├── 1Entertainment.txt │ │ ├── Entertainment1Dash.js │ │ ├── EntertainmentCorpBuzzWords.js │ │ ├── EntertainmentTechy.js │ │ └── EntertainmentchuckNorris.js │ ├── environment │ │ ├── 1Environment.txt │ │ ├── Environment1Dash.js │ │ └── EnvironmentUKCarbonIntensity.js │ ├── events │ │ ├── 1Events.txt │ │ └── Events1Dash.js │ ├── finance │ │ ├── 1Finance.txt │ │ └── Finance1Dash.js │ ├── foodDrink │ │ ├── 1FoodDrink.txt │ │ └── FoodDrink1Dash.js │ ├── gamesComics │ │ ├── 1GamesComics.txt │ │ ├── GamesComics1Dash.js │ │ ├── GamesComicsAmiibo.js │ │ └── GamesComicsCheapShark.js │ ├── geocoding │ │ ├── 1Geocoding.txt │ │ ├── GeoCoding1Dash.js │ │ ├── GeoCodingCountry.js │ │ ├── GeoCodingGeoJS.js │ │ ├── GeoCodingGetTheData.js │ │ └── GeocodingAdministrativeDivisionsDb.js │ ├── government │ │ ├── 1Government.txt │ │ └── Government1Dash.js │ ├── health │ │ ├── 1Health.txt │ │ ├── Health1Dash.js │ │ └── HealthMakeupApi.js │ ├── jobs │ │ ├── 1Jobs.txt │ │ └── Jobs1Dash.js │ ├── machineLearning │ │ ├── 1MachineLearning.txt │ │ └── MachineLearning1Dash.js │ ├── music │ │ ├── 1Music.txt │ │ └── Music1Dash.js │ ├── news │ │ ├── 1News.txt │ │ └── News1Dash.js │ ├── openData │ │ ├── 1OpenData.txt │ │ └── OpenData1Dash.js │ ├── openSource │ │ ├── 1OpenSource.txt │ │ └── OpenSource1Dash.js │ ├── patent │ │ ├── 1Patent.txt │ │ └── Patent1Dash.js │ ├── personality │ │ ├── 1Personality.txt │ │ ├── Personality1Dash.js │ │ └── PersonalityQuoteClear.js │ ├── phone │ │ ├── 1Phone.txt │ │ └── Phone1Dash.js │ ├── photography │ │ ├── 1Photography.txt │ │ └── Photography1Dash.js │ ├── programming │ │ ├── 1Programming.txt │ │ └── Programming1Dash.js │ ├── scienceMath │ │ ├── 1ScienceMath.txt │ │ └── ScienceMath1Dash.js │ ├── security │ │ ├── 1Security.txt │ │ └── Security1Dash.js │ ├── shopping │ │ ├── 1Shopping.txt │ │ └── Shopping1Dash.js │ ├── social │ │ ├── 1Social.txt │ │ └── Social1Dash.js │ ├── sportsFitness │ │ ├── 1SportsFitness.txt │ │ ├── SportsFitness1Dash.js │ │ ├── SportsFitnessBallDontLie.js │ │ └── SportsFitnessCityBikes.js │ ├── testData │ │ ├── 1TestData.txt │ │ └── TestData1Dash.js │ ├── textAnalysis │ │ ├── 1TextAnalysis.txt │ │ └── TextAnalysis1Dash.js │ ├── tracking │ │ ├── 1Tracking.txt │ │ └── Tracking1Dash.js │ ├── transportation │ │ ├── 1Transportation.txt │ │ └── Transportation1Dash.js │ ├── urlShortener │ │ ├── 1UrlShortener.txt │ │ └── UrlShortener1Dash.js │ ├── vehicle │ │ ├── 1Vehicle.txt │ │ └── Vehicle1Dash.js │ ├── video │ │ ├── 1Video.txt │ │ └── Video1Dash.js │ └── weather │ │ ├── 1Weather.txt │ │ └── Weather1Dash.js ├── components │ ├── BtnRouting.js │ ├── CardRouting.js │ ├── Endpoints.js │ ├── barLeft │ │ ├── BarLeft.js │ │ └── components │ │ │ ├── BarLeftSearchBox.js │ │ │ └── BarLeftSearchBoxBtn.js │ └── barRight │ │ └── BarRight.js ├── core │ ├── footer │ │ └── Footer.js │ ├── header │ │ └── Header.js │ └── main │ │ ├── ApiPageInfo.js │ │ ├── BoxApiInfo.js │ │ ├── Hero.js │ │ └── Main.js ├── documentation │ ├── Contributors.js │ ├── ContributorsContent.js │ ├── Documentation.js │ ├── GettingStartedContent.js │ ├── Gettingstarted.js │ ├── Overview.js │ ├── apiListings │ │ ├── ApiListings.js │ │ └── ApiListingsIntroduction.js │ └── referenceGuide │ │ ├── ReferenceGuide.js │ │ └── stylingTheming │ │ ├── StylingBestPractices.js │ │ ├── StylingColors.js │ │ ├── StylingCustomStyling.js │ │ ├── StylingFramework.js │ │ ├── StylingIconsGraphics.js │ │ ├── StylingIntroduction.js │ │ ├── StylingTheming.js │ │ ├── StylingThemingOptions.js │ │ └── StylingTypography.js ├── index.js ├── navigation │ ├── Link.js │ └── NavBar.js ├── setupTests.js ├── themes │ ├── theme.js │ ├── themeCobalt.js │ ├── themeDark.js │ ├── themeDracula.js │ ├── themeGruvBox.js │ ├── themeHighContrast.js │ ├── themeMero.js │ ├── themeOneDark.js │ ├── themeRadical.js │ ├── themeSynthwave.js │ └── themeTokyoNight.js └── tools │ ├── Tools.js │ └── components │ ├── AdvancedBoxTestCrud.js │ ├── BoxTestCrud.js │ └── BoxTestImg.js └── webpack.config.js /.github/ISSUE_TEMPLATE/add-api.md: -------------------------------------------------------------------------------- 1 | Phase 1: File Creation 2 | 3 | 4 | 1.1 - Locate the following: 5 | 6 | src/api/###/###.txt 7 | 8 | locate the ### link. 9 | 10 | 11 | 1.1 - Follow the hyperlink to read through the documentation and get an idea of the API usage. 12 | 13 | 14 | 1.2 - Create a file in the: 15 | 16 | src/api/### folder named ###.js 17 | 18 | 19 | --------------------- 20 | 21 | 22 | Phase 2: Routing 23 | 24 | 25 | 2.1 - Locate the following: 26 | 27 | src/App.js 28 | 29 | Find the route with path="/###" 30 | 31 | 32 | 2.2 - Input on the line below in routeConfig array: 33 | 34 | { path: "/###", component: ### }, 35 | 36 | !!NOTE!! 37 | 38 | Make sure to type the component and select from the dropdown <### /> and then select from the dropdown so the file import is automaticaly populated 39 | 40 | !!NOTE!! 41 | 42 | 43 | 2.3 - Locate the following: 44 | 45 | src/api/###/###Dash.js 46 | 47 | 48 | 2.4 - Add the following component below the closing /> of the last Btn Routing: 49 | 50 | 56 | 57 | 58 | --------------------- 59 | 60 | 61 | Phase 3: Content 62 | 63 | 64 | 3.1 - Locate the following (file you made): 65 | 66 | src/api/###/ 67 | 68 | 3.2 - Add the following code: 69 | 70 | import { Box } from "@mui/material"; 71 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 72 | import Endpoints from "../../core/main/Endpoints"; 73 | import BoxTest from "../../core/main/BoxTestCrud"; 74 | import NavBar from "../../core/main/navigation/NavBar"; 75 | 76 | const ### = () => { 77 | return ( 78 | 79 | 80 | 81 | 82 | 83 | 84 | 89 | 90 | 91 | ); 92 | }; 93 | 94 | export default ###; 95 | 96 | 3.3 - Add the base endpoint (found on the api site doccumentation) 97 | 98 | 3.4 - Add the endpoints (add extra components if their are more than 1) 99 | 100 | 3.5 - Test the functionality 101 | 102 | 103 | 104 | Have Fun :) 105 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Custom issue template 3 | about: Describe this issue template's purpose here. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | Issue Template 11 | Description 12 | [Provide a brief description of the issue or feature request] 13 | 14 | Expected Behavior 15 | [Describe the expected behavior or outcome] 16 | 17 | Current Behavior 18 | [Describe the current behavior or any error messages] 19 | 20 | Steps to Reproduce (if applicable) 21 | [Provide steps to reproduce the issue, if applicable] 22 | 23 | Screenshots (if applicable) 24 | [Add screenshots or images to help explain the issue, if applicable] 25 | 26 | Environment 27 | Operating System: [e.g., Windows 10, macOS Mojave] 28 | Browser: [e.g., Chrome, Firefox] 29 | Version: [e.g., 89.0.4389.82] 30 | Additional Information 31 | [Add any additional information or context about the issue] 32 | 33 | Contribution Opportunity 34 | [If the issue is related to contributing, specify how others can help] 35 | 36 | Related Links 37 | [Include any relevant links or references] 38 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/issue-template.md: -------------------------------------------------------------------------------- 1 | Issue Template 2 | 3 | 4 | Description 5 | [Provide a brief description of the issue or feature request] 6 | 7 | Expected Behavior 8 | [Describe the expected behavior or outcome] 9 | 10 | Current Behavior 11 | [Describe the current behavior or any error messages] 12 | 13 | Steps to Reproduce (if applicable) 14 | [Provide steps to reproduce the issue, if applicable] 15 | 16 | Screenshots (if applicable) 17 | [Add screenshots or images to help explain the issue, if applicable] 18 | 19 | Environment 20 | Operating System: [e.g., Windows 10, macOS Mojave] 21 | Browser: [e.g., Chrome, Firefox] 22 | Version: [e.g., 89.0.4389.82] 23 | Additional Information 24 | [Add any additional information or context about the issue] 25 | 26 | Contribution Opportunity 27 | [If the issue is related to contributing, specify how others can help] 28 | 29 | Related Links 30 | [Include any relevant links or references] 31 | 32 | -------------------------------------------------------------------------------- /.github/release.yml: -------------------------------------------------------------------------------- 1 | # .github/release.yml 2 | 3 | changelog: 4 | exclude: 5 | labels: 6 | - ignore-for-release 7 | authors: 8 | - octocat 9 | categories: 10 | - title: Breaking Changes 🛠 11 | labels: 12 | - Semver-Major 13 | - breaking-change 14 | - title: Exciting New Features 🎉 15 | labels: 16 | - Semver-Minor 17 | - enhancement 18 | - title: Other Changes 19 | labels: 20 | - "*" 21 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env 17 | .env.local 18 | .env.development.local 19 | .env.test.local 20 | .env.production.local 21 | 22 | npm-debug.log* 23 | yarn-debug.log* 24 | yarn-error.log* 25 | -------------------------------------------------------------------------------- /.gitpod.yml: -------------------------------------------------------------------------------- 1 | # This configuration file was automatically generated by Gitpod. 2 | # Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml) 3 | # and commit this file to your remote git repository to share the goodness with others. 4 | 5 | # Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart 6 | 7 | tasks: 8 | - init: npm install && npm run build 9 | command: npm run start 10 | 11 | 12 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Curtis Thomas 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- 1 | ## Description 2 | 3 | Describe the purpose and scope of your pull request. 4 | 5 | ## Related Issues 6 | 7 | List any related issues or pull requests that are being addressed. 8 | 9 | ## Checklist 10 | 11 | - [ ] I have tested my changes locally. 12 | - [ ] I have added necessary documentation or updated existing documentation. 13 | - [ ] My code follows the project's coding conventions and style guidelines. 14 | - [ ] All tests pass successfully. 15 | - [ ] I have added/updated relevant unit tests. 16 | 17 | ## Additional Notes 18 | 19 | Include any additional notes or context about your pull request. 20 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | Security Policy 2 | Supported Versions 3 | This section will be updated as the project grows. 4 | 5 | Version Supported 6 | 5.1.x :white_check_mark: 7 | 5.0.x :x: 8 | 4.0.x :white_check_mark: 9 | < 4.0 :x: 10 | Reporting a Vulnerability 11 | We appreciate and encourage responsible disclosure of security vulnerabilities by the community. To report a vulnerability, please follow these guidelines: 12 | 13 | Email: Send an email to security@yourproject.com with the subject line "Security Vulnerability Report". 14 | 15 | Provide Details: In your email, provide a clear and detailed description of the vulnerability you discovered. Include any steps, code samples, or proof-of-concept examples that can help us understand and reproduce the vulnerability. 16 | 17 | Encryption (Optional): If you believe it's necessary, you can encrypt your email using our PGP key. Contact us via security@yourproject.com to request the PGP key. 18 | 19 | Response Time: We strive to respond to vulnerability reports promptly. You can expect an initial response acknowledging receipt of your report within [specify time frame, e.g., 48 hours]. 20 | 21 | Investigation and Mitigation: Our security team will conduct a thorough investigation of the reported vulnerability. We may reach out to you for further clarification or details during this process. 22 | 23 | Disclosure and Fix: Once a vulnerability is confirmed and addressed, we will develop a fix and release a security update. The timing of the release will depend on the severity and complexity of the vulnerability. We will keep you informed about the progress and expected release date. 24 | 25 | Acknowledgment: We greatly appreciate the efforts of those who report vulnerabilities to us. If you wish to be acknowledged for your contribution, please let us know in your initial email. We can credit you publicly or keep your report anonymous as per your preference. 26 | 27 | We are committed to ensuring the security of our project and appreciate your assistance in making it better. Thank you for helping us create a safe and secure environment for our users. 28 | 29 | Note: Please do not disclose any vulnerabilities publicly until we have had a chance to investigate and provide a fix. 30 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | // babel.config.js 2 | module.exports = function(api) { 3 | api.cache(true); 4 | 5 | const presets = [ 6 | [ 7 | '@babel/preset-env', 8 | { 9 | targets: 'last 2 versions, > 1%', 10 | useBuiltIns: 'usage', 11 | corejs: 3, 12 | }, 13 | ], 14 | ]; 15 | 16 | const plugins = ['@babel/plugin-proposal-class-properties']; 17 | 18 | return { 19 | presets, 20 | plugins, 21 | }; 22 | }; 23 | -------------------------------------------------------------------------------- /build/asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": { 3 | "main.js": "/static/js/main.ba8db78e.js", 4 | "index.html": "/index.html", 5 | "main.ba8db78e.js.map": "/static/js/main.ba8db78e.js.map" 6 | }, 7 | "entrypoints": [ 8 | "static/js/main.ba8db78e.js" 9 | ] 10 | } -------------------------------------------------------------------------------- /build/index.html: -------------------------------------------------------------------------------- 1 | Free API List
-------------------------------------------------------------------------------- /build/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/build/logo192.png -------------------------------------------------------------------------------- /build/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/build/logo512.png -------------------------------------------------------------------------------- /build/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /build/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /img/Initial_page.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/img/Initial_page.png -------------------------------------------------------------------------------- /img/ReadMeImg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/img/ReadMeImg.png -------------------------------------------------------------------------------- /img/api_testing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/img/api_testing.png -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- 1 | [[redirects]] 2 | from = "/*" 3 | to = "/index.html" 4 | status = 200 5 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "public-api-with-react", 3 | "version": "0.2.0", 4 | "private": true, 5 | "dependencies": { 6 | "@emotion/react": "^11.11.1", 7 | "@emotion/styled": "^11.11.0", 8 | "@mui/icons-material": "^5.11.16", 9 | "@mui/material": "^5.13.5", 10 | "@octokit/core": "^5.0.2", 11 | "@testing-library/jest-dom": "^5.16.5", 12 | "@testing-library/react": "^13.4.0", 13 | "@testing-library/user-event": "^13.5.0", 14 | "axios": "^1.4.0", 15 | "core-js": "^3.31.0", 16 | "octokit": "^3.1.2", 17 | "react": "^18.2.0", 18 | "react-dom": "^18.2.0", 19 | "react-github-btn": "^1.4.0", 20 | "react-router-dom": "^6.12.1", 21 | "react-scripts": "^5.0.1", 22 | "web-vitals": "^2.1.4" 23 | }, 24 | "scripts": { 25 | "start": "react-scripts start", 26 | "build": "react-scripts build", 27 | "test": "react-scripts test", 28 | "eject": "react-scripts eject" 29 | }, 30 | "eslintConfig": { 31 | "extends": [ 32 | "react-app", 33 | "react-app/jest" 34 | ] 35 | }, 36 | "browserslist": { 37 | "production": [ 38 | ">0.2%", 39 | "not dead", 40 | "not op_mini all" 41 | ], 42 | "development": [ 43 | "last 1 chrome version", 44 | "last 1 firefox version", 45 | "last 1 safari version" 46 | ] 47 | }, 48 | "devDependencies": { 49 | "@babel/core": "^7.23.3", 50 | "@babel/plugin-proposal-class-properties": "^7.18.6", 51 | "@babel/preset-env": "^7.23.3", 52 | "babel-loader": "^9.1.3", 53 | "gh-pages": "^5.0.0" 54 | } 55 | } 56 | -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/public/favicon.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 23 | 24 | 25 | 26 | 35 | Free API List 36 | 37 | 38 | 39 |
40 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Curtis-Thomas/free-api-list-with-react/fffe0dd9c3a51ad6ae9371e77b28ca70829d3647/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | https://freeapilist.com/ 5 | 2023-11-21 6 | monthly 7 | 1.0 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/api/animals/1AnimalsApi.txt: -------------------------------------------------------------------------------- 1 | name: 'Animals', 2 | 3 | //https://randomfox.ca/floof/ 4 | {name:'RandomFox'}, 5 | 6 | //(do Later)https://userguide.rescuegroups.org/display/APIDG/API+Developers+Guide+Home 7 | {name:'RescueGroups'}, 8 | 9 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsCatFacts.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsCatFacts = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 26 | 27 | {/* CRUD test box */} 28 | 29 | 30 | 31 | {/* API information box */} 32 | 33 | 34 | {/* Endpoint */} 35 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default AnimalsCatFacts; 46 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsCataas.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestImg from "../../tools/components/BoxTestImg"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsCataas = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | {/* Test image box */} 30 | 31 | 32 | {/* API information box */} 33 | 34 | 35 | {/* Endpoints */} 36 | 41 | 42 | 47 | 48 | 53 | 54 | 59 | 60 | 65 | 66 | 71 | 72 | 73 | ); 74 | }; 75 | 76 | export default AnimalsCataas; 77 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsDailyCatFacts.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsDailyCatFacts = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 26 | 27 | {/* CRUD test box */} 28 | 29 | 30 | 31 | {/* API information box */} 32 | 33 | 34 | {/* Endpoint */} 35 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default AnimalsDailyCatFacts; 46 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsDog.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsDog = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | 30 | {/* CRUD test box */} 31 | 32 | 33 | 34 | {/* API information box */} 35 | 36 | 37 | {/* Endpoints */} 38 | 43 | 48 | 53 | 58 | 59 | 60 | ); 61 | }; 62 | 63 | export default AnimalsDog; 64 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsDogApi.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsDogApi = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | 30 | {/* CRUD test box */} 31 | 32 | 33 | 34 | {/* API information box */} 35 | 36 | 37 | {/* Endpoints */} 38 | 43 | 48 | 53 | 58 | 63 | 64 | 65 | ); 66 | }; 67 | 68 | export default AnimalsDogApi; 69 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsMeowFacts.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsMeowFacts = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | 30 | {/* CRUD test box */} 31 | 32 | 33 | 34 | {/* API information box */} 35 | 36 | 37 | {/* Endpoints */} 38 | 43 | 48 | 53 | 58 | 59 | 60 | ); 61 | }; 62 | 63 | export default AnimalsMeowFacts; 64 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsRandomDog.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsRandomDog = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 27 | 28 | {/* CRUD test box */} 29 | 30 | 31 | 32 | {/* API information box */} 33 | 34 | 35 | {/* Endpoints */} 36 | 41 | 42 | 43 | ); 44 | }; 45 | 46 | export default AnimalsRandomDog; 47 | -------------------------------------------------------------------------------- /src/api/animals/AnimalsShibeOnline.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const AnimalsShibeOnline = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 27 | 28 | {/* CRUD test box */} 29 | 30 | 31 | 32 | {/* API information box */} 33 | 34 | 35 | {/* Endpoints */} 36 | 41 | 42 | 43 | ); 44 | }; 45 | 46 | export default AnimalsShibeOnline; 47 | -------------------------------------------------------------------------------- /src/api/anime/1AnimeApi.txt: -------------------------------------------------------------------------------- 1 | Date checked: 01/11/2023 2 | {name:'Anime', 3 | list: [ 4 | //https://www.animenewsnetwork.com/encyclopedia/api.php 5 | {name:'AnimeNewsNetwork'}, 6 | 7 | //https://jikan.moe/ 8 | {name:'Jikan'}, 9 | 10 | //https://kitsu.docs.apiary.io/# 11 | {name:'Kitsu'}, 12 | ]}, -------------------------------------------------------------------------------- /src/api/anime/Anime1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const AnimeDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | {/* Navigation bar */} 17 | 18 | 19 | {/* Cards in a grid layout */} 20 | 21 | {/* Card for Nekos */} 22 | 23 | 30 | 31 | 32 | {/* Card for StudioGhibli */} 33 | 34 | 41 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default AnimeDash; 48 | -------------------------------------------------------------------------------- /src/api/anime/AnimeNekos.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 8 | 9 | const AnimeNekos = () => { 10 | const theme = useTheme(); 11 | 12 | return ( 13 | 20 | {/* Navigation bar */} 21 | 22 | 29 | 30 | 31 | 32 | 33 | {/* API information box */} 34 | 35 | 36 | {/* Endpoints */} 37 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default AnimeNekos; 48 | -------------------------------------------------------------------------------- /src/api/anime/AnimeStudioGhibli.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 8 | 9 | const AnimeStudioGhibli = () => { 10 | const theme = useTheme(); 11 | 12 | return ( 13 | 20 | {/* Navigation bar */} 21 | 22 | 29 | 30 | 31 | 32 | 33 | {/* API information box */} 34 | 35 | 36 | {/* Endpoints */} 37 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default AnimeStudioGhibli; 48 | -------------------------------------------------------------------------------- /src/api/antiMalware/1AntiMalwareApi.txt: -------------------------------------------------------------------------------- 1 | name:'Anti-Malware', 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/api/antiMalware/AntiMalware1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Typography, useTheme } from "@mui/material"; 2 | 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const AntiMalwareDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | AntiMalware Dash 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default AntiMalwareDash; 25 | -------------------------------------------------------------------------------- /src/api/artDesign/1ArtDesign.txt: -------------------------------------------------------------------------------- 1 | name:'Art & Design', 2 | 3 | //http://colormind.io/api-access/ 4 | {name:'Colormind'}, 5 | 6 | //https://www.colourlovers.com/api 7 | {name:'ColorLovers'}, 8 | 9 | //https://php-noise.com/ 10 | {name:'PHP-Noice'}, 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/api/artDesign/ArtDesign1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const ArtDesignDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | {/* Navigation bar */} 17 | 18 | 19 | {/* Cards in a grid layout */} 20 | 21 | {/* Card for Artic */} 22 | 23 | 30 | 31 | 32 | {/* Card for EmojiHub */} 33 | 34 | 41 | 42 | 43 | {/* Card for MetMuseum */} 44 | 45 | 52 | 53 | 54 | 55 | ); 56 | }; 57 | 58 | export default ArtDesignDash; 59 | -------------------------------------------------------------------------------- /src/api/artDesign/ArtDesignArtic.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const ArtDesignArtic = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 36 | 40 | 45 | 46 | 50 | 51 | 52 | ); 53 | }; 54 | 55 | export default ArtDesignArtic; 56 | -------------------------------------------------------------------------------- /src/api/artDesign/ArtDesignEmojiHub.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const ArtDesignEmojiHub = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 25 | 26 | 27 | 28 | 29 | 30 | 35 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default ArtDesignEmojiHub; 46 | -------------------------------------------------------------------------------- /src/api/artDesign/ArtDesignMetMuseum.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 5 | import NavBar from "../../navigation/NavBar"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const ArtDesignMetMuseum = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 36 | 41 | 46 | 51 | 52 | 57 | 58 | 63 | 64 | 65 | ); 66 | }; 67 | 68 | export default ArtDesignMetMuseum; 69 | -------------------------------------------------------------------------------- /src/api/authentication/1Authentication.txt: -------------------------------------------------------------------------------- 1 | name:'Authentication & Authorization', 2 | -------------------------------------------------------------------------------- /src/api/authentication/Authentication1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const AuthenticationDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default AuthenticationDash; 25 | -------------------------------------------------------------------------------- /src/api/blockchain/1Blockchain.txt: -------------------------------------------------------------------------------- 1 | name:'Blockchain', 2 | 3 | //https://tierion.com/chainpoint/ 4 | {name:'Chainpoint'}, 5 | 6 | //https://docs.helium.com/api/blockchain/introduction/ 7 | {name:'Helium'}, 8 | 9 | 10 | //https://developers.steem.io/ 11 | {name:'Steem'}, 12 | 13 | //https://thegraph.com/en/ 14 | {name:'The Graph'}, 15 | 16 | //https://walltime.info/api.html 17 | {name:'Walltime'}, 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /src/api/blockchain/Blockchain1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const BlockchainDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default BlockchainDash; 25 | -------------------------------------------------------------------------------- /src/api/books/1Books.txt: -------------------------------------------------------------------------------- 1 | 'Books' 2 | 3 | //https://github.com/CrossRef/rest-api-doc 4 | {name:'Crossref Metadata Search'}, 5 | 6 | //https://api.ganjoor.net/index.html 7 | {name:'Ganjoor'}, 8 | 9 | //https://developers.google.com/books/ 10 | {name:'Google books'}, 11 | 12 | //https://openlibrary.org/developers/api 13 | {name:'Open Library'}, 14 | 15 | //http://www.penguinrandomhouse.biz/webservices/rest/ 16 | {name:'Penguin Publishing'}, 17 | 18 | //https://quran.api-docs.io/v4/getting-started/introduction 19 | {name:'Quran'}, 20 | 21 | //https://github.com/fawazahmed0/quran-api#readme 22 | {name:'Quran-api'}, 23 | 24 | //https://aninditabasu.github.io/indica/html/rv.html 25 | {name:'Rig veda'}, 26 | 27 | //https://docs.api.bible/ 28 | {name:'The Bible'}, 29 | 30 | //https://api-thirukkural.web.app/ 31 | {name:'Thirukkural'}, 32 | 33 | //https://aninditabasu.github.io/indica/html/vs.html 34 | {name:'Vedic Society'}, 35 | 36 | //https://wizard-world-api.herokuapp.com/swagger/index.html 37 | {name:'Wizard World'}, 38 | 39 | //https://wolnelektury.pl/api/ 40 | {name:'Wolne Lektury'}, -------------------------------------------------------------------------------- /src/api/books/BooksABibliDigital.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const BooksABibliaDigital = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | ); 47 | }; 48 | 49 | export default BooksABibliaDigital; 50 | -------------------------------------------------------------------------------- /src/api/books/BooksBibleApi.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const BooksBibleApi = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 35 | 40 | 45 | 50 | 55 | 60 | 65 | 66 | 67 | ); 68 | }; 69 | 70 | export default BooksBibleApi; 71 | -------------------------------------------------------------------------------- /src/api/books/BooksGutendex.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const BooksGutendex = () => { 9 | const theme = useTheme(); 10 | return ( 11 | 18 | 19 | 26 | 27 | 28 | 29 | 34 | 40 | 46 | 52 | 53 | 54 | ); 55 | }; 56 | 57 | export default BooksGutendex; 58 | -------------------------------------------------------------------------------- /src/api/books/BooksPoetryDb.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const BooksPoetryDB = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ); 35 | }; 36 | 37 | export default BooksPoetryDB; 38 | -------------------------------------------------------------------------------- /src/api/books/BooksQuranCloud.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const BooksQuranCloud = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | ); 35 | }; 36 | 37 | export default BooksQuranCloud; 38 | -------------------------------------------------------------------------------- /src/api/business/1Buisness.txt: -------------------------------------------------------------------------------- 1 | {name:'Business', 2 | list: [ 3 | //https://superset.apache.org/docs/api/ 4 | {name:'Apache Superset'}, 5 | 6 | //https://charityapi.orghunter.com/ 7 | {name:'Charity Search'}, 8 | 9 | //https://dashboard.clearbit.com/docs#logo-api 10 | {name:'Clarbit Logo'}, 11 | 12 | //https://domainsdb.info/ 13 | {name:'Domainsdb.info'}, 14 | 15 | //https://developers.freelancer.com/ 16 | {name:'Freelancer'}, 17 | 18 | //https://developers.google.com/gmail/api/guides 19 | {name:'Gmail'}, 20 | 21 | //https://developers.google.com/analytics/ 22 | {name:'Google Analytics'}, 23 | 24 | //https://instatus.com/help/api 25 | {name:'Instatus'}, 26 | 27 | //https://mailchimp.com/developer/ 28 | {name:'Mailchimp'}, 29 | 30 | //https://www.mailjet.com/ 31 | {name:'mailjet'}, 32 | 33 | //https://markerapi.com/ 34 | {name:'markerapi'}, 35 | 36 | //https://api.orb-intelligence.com/docs/ 37 | {name:'ORB Intelligence'}, 38 | 39 | //https://redash.io/help/user-guide/integrations-and-api/api 40 | {name:'Redash'}, 41 | 42 | //https://smartsheet.redoc.ly/ 43 | {name:'Smartsheet'}, 44 | 45 | //https://developer.squareup.com/reference/square 46 | {name:'Square'}, 47 | 48 | //https://www.digite.com/knowledge-base/swiftkanban/article/api-for-swift-kanban-web-services/#restapi 49 | {name:'SwiftKanban'}, 50 | 51 | //https://tenders.guru/hu/api 52 | {name:'Tenders in Hungary'}, 53 | 54 | //https://tenders.guru/pl/api 55 | {name:'Tenders in Poland'}, 56 | 57 | //https://tenders.guru/ro/api 58 | {name:'Tenders in Romania'}, 59 | 60 | //https://tenders.guru/es/api 61 | {name:'Tenders in Spain'}, 62 | 63 | //https://tenders.guru/ua/api 64 | {name:'Tenders in Ukraine'}, 65 | 66 | //https://tomba.io/api 67 | {name:'Tomba email finder'}, 68 | 69 | //https://developer.atlassian.com/cloud/trello/ 70 | {name:'Trello'}, 71 | ]}, -------------------------------------------------------------------------------- /src/api/business/Business1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const BusinessDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default BusinessDash; 25 | -------------------------------------------------------------------------------- /src/api/calendar/1Calendar.txt: -------------------------------------------------------------------------------- 1 | {name:'Calandar', 2 | list: [ 3 | //http://calapi.inadiutorium.cz/ 4 | {name:'Church Calendar'}, 5 | 6 | //https://svatky.adresa.info/ 7 | {name:'Czech Nameday Calendar'}, 8 | 9 | //https://www.hebcal.com/home/developer-apis 10 | {name:'Hebrew Calendar'}, 11 | 12 | //https://www.lectserve.com/ 13 | {name:'LectServe'}, 14 | 15 | //https://date.nager.at/ 16 | {name:'Nager.Date'}, 17 | 18 | //https://nameday.abalin.net/ 19 | {name:'Nameday Calendar'}, 20 | 21 | //https://www.gov.uk/help/reuse-govuk-content 22 | {name:'UK Bank Holidays'}, 23 | ]}, -------------------------------------------------------------------------------- /src/api/calendar/Calendar1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const CalendarDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default CalendarDash; 26 | -------------------------------------------------------------------------------- /src/api/cloud/1Cloud.txt: -------------------------------------------------------------------------------- 1 | {name:'Cloud Storage & File Sharing', 2 | list: [ 3 | //https://anonfiles.com/docs/api 4 | {name:'AnonFiles'}, 5 | 6 | //https://bayfiles.com/docs/api 7 | {name:'BayFiles'}, 8 | 9 | //https://developer.box.com/ 10 | {name:'Box'}, 11 | 12 | //https://ddownload.com/api 13 | {name:'ddownload'}, 14 | 15 | //https://www.dropbox.com/developers 16 | {name:'Dropbox'}, 17 | 18 | //https://www.file.io/ 19 | {name:'File.io'}, 20 | 21 | //https://www.filestack.com/ 22 | {name:'Filestack'}, 23 | 24 | //https://gofile.io/api 25 | {name:'GoFile'}, 26 | 27 | //https://developers.google.com/drive/ 28 | {name:'Google drive'}, 29 | 30 | //https://gyazo.com/api/docs 31 | {name:'Gyazo'}, 32 | 33 | //https://api.imgbb.com/ 34 | {name:'Imgbb'}, 35 | 36 | //https://developer.microsoft.com/en-us/onedrive 37 | {name:'OneDrive'}, 38 | 39 | //https://getpantry.cloud/ 40 | {name:'Pantry'}, 41 | 42 | //https://pastebin.com/doc_api 43 | {name:'Pastebin'}, 44 | 45 | //https://docs.pinata.cloud/ 46 | {name:'Pinata'}, 47 | 48 | //https://docs.pinata.cloud/ 49 | {name:'Quip'}, 50 | 51 | //https://docs.storj.io/dcs/ 52 | {name:'Storj'}, 53 | 54 | //https://0x0.st/ 55 | {name:'The Null Pointer'}, 56 | 57 | //https://web3.storage/ 58 | {name:'Web3 Storage'}, 59 | 60 | ]}, -------------------------------------------------------------------------------- /src/api/cloud/Cloud1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const CloudDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default CloudDash; 25 | -------------------------------------------------------------------------------- /src/api/contInt/1ContInt.txt: -------------------------------------------------------------------------------- 1 | 2 | {name:'Continous Integration', 3 | list: [ 4 | //https://learn.microsoft.com/en-us/rest/api/resourcehealth/ 5 | {name:'Azure DevOps Health'}, 6 | 7 | //https://api-docs.bitrise.io/ 8 | {name:'Bitrise'}, 9 | 10 | //https://buddy.works/docs/api/getting-started/overview 11 | {name:'Buddy'}, 12 | 13 | //https://circleci.com/docs/api/v1/index.html#circleci-v1-api-overview 14 | {name:'CircleCL'}, 15 | 16 | //https://docs.cloudbees.com/docs/cloudbees-codeship/latest/api-overview/ 17 | {name:'Codeship'}, 18 | 19 | //https://docs.travis-ci.com/api/ 20 | {name:'Travis CL'}, 21 | ]}, -------------------------------------------------------------------------------- /src/api/contInt/ContInt1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const ContIntDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default ContIntDash; 25 | -------------------------------------------------------------------------------- /src/api/cryptocurrency/1Cryptocurrency.txt: -------------------------------------------------------------------------------- 1 | Date checked: 17/06/2023 2 | {name:'Cryptocurrency', 3 | list: [ 4 | //https://docs.coincap.io/ 5 | {name:'CoinCap'}, 6 | 7 | //https://docs.coindcx.com/#terms-and-conditions 8 | {name:'CoinDCX'}, 9 | 10 | //https://www.coingecko.com/en/api 11 | {name:'CoinGecko'}, 12 | 13 | //https://www.coinlore.com/cryptocurrency-data-api 14 | {name:'Coinlore'}, 15 | 16 | //https://api.coinpaprika.com/ 17 | {name:'Coinpaprika'}, 18 | 19 | //https://documenter.getpostman.com/view/5734027/RzZ6Hzr3?version=latest 20 | {name:'CoinStats'}, 21 | 22 | //https://docs.cryptapi.io/ 23 | {name:'CryptAPI'}, 24 | 25 | //https://api.exchange.cryptomkt.com/ 26 | {name:'CryptoMarket'}, 27 | 28 | //https://dydxprotocol.github.io/v3-teacher/#terms-of-service-and-privacy-policy 29 | {name:'dYdX'}, 30 | 31 | //https://documenter.getpostman.com/view/10287440/SzYXWKPi 32 | {name:'EXMO'}, 33 | 34 | //https://github.com/btcid/indodax-official-api-docs 35 | {name:'Indodax'}, 36 | 37 | //https://mempool.space/docs/api/rest 38 | {name:'Mempool'}, 39 | 40 | //https://www.mercadobitcoin.com.br/api-doc/ 41 | {name:'MercadoBitcoin'}, 42 | 43 | //https://messari.io/api/docs 44 | {name:'Messari'}, 45 | 46 | //https://nexchange2.docs.apiary.io/# 47 | {name:'Nexchange'}, 48 | 49 | //https://doc.novadax.com/en-US/#introduction 50 | {name:'NocaDax'}, 51 | 52 | //https://docs.poloniex.com/#introduction 53 | {name:'Poloniex'}, 54 | 55 | //https://docs.solana.com/developing/clients/jsonrpc-api 56 | {name:'Solana JSON RPC'}, 57 | 58 | //https://docs.valr.com/ 59 | {name:'VALR'}, 60 | ]}, -------------------------------------------------------------------------------- /src/api/cryptocurrency/Cryptocurrency1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const CryptocurrencyDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default CryptocurrencyDash; 26 | -------------------------------------------------------------------------------- /src/api/currencyExchange/1CurrencyExchange.txt: -------------------------------------------------------------------------------- 1 | {name:'Currency Exchange', 2 | list: [ 3 | //https://1forge.com/api 4 | {name:'1Forge'}, 5 | 6 | //https://www.amdoren.com/currency-api/ 7 | {name:'Amdoren'}, 8 | 9 | //https://fixer.io/ 10 | {name:'apilayer fixer.io'}, 11 | 12 | //https://www.cbr.ru/development/SXML/ 13 | {name:'Bank of Russia'}, 14 | 15 | //https://github.com/fawazahmed0/currency-api#readme 16 | {name:'Currency-api'}, 17 | 18 | //https://currencyfreaks.com/ 19 | {name:'CurrencyFreaks'}, 20 | 21 | //https://currencylayer.com/documentation 22 | {name:'Currencylayer'}, 23 | 24 | //https://currencybeacon.com/api-documentation 25 | {name:'CurrencyScoop'}, 26 | 27 | //https://www.cnb.cz/cs/financni_trhy/devizovy_trh/kurzy_devizoveho_trhu/denni_kurz.xml 28 | {name:'Czech National Bank'}, 29 | 30 | //https://docs.awesomeapi.com.br/api-de-moedas 31 | {name:'Economia.Awesome'}, 32 | 33 | //https://www.exchangerate-api.com/ 34 | {name:'ExchangeRate-API'}, 35 | 36 | //https://exchangerate.host/#/ 37 | {name:'Exchangerate.host'}, 38 | 39 | //https://exchangeratesapi.io/ 40 | {name:'Exchangeratesapi.io'}, 41 | 42 | //https://www.frankfurter.app/docs/ 43 | {name:'Frankfurter'}, 44 | 45 | //https://freeforexapi.com/Home/Api 46 | {name:'FreeForexAPI'}, 47 | 48 | //http://api.nbp.pl/en.html 49 | {name:'National Bank of Poland'}, 50 | 51 | //https://www.vatcomply.com/documentation 52 | {name:'VATComply.com'}, 53 | 54 | ]}, -------------------------------------------------------------------------------- /src/api/currencyExchange/CurrencyExchange1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const CurrencyExchangeDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default CurrencyExchangeDash; 26 | -------------------------------------------------------------------------------- /src/api/dataValidation/1DataValidation.txt: -------------------------------------------------------------------------------- 1 | {name:'Data Validation', 2 | list: [ 3 | //https://www.lob.com/ 4 | {name:'Lob.com'}, 5 | //https://www.postman.com/postman/workspace/published-postman-templates/documentation/631643-f695cab7-6878-eb55-7943-ad88e1ccfd65?ctx=documentation 6 | {name:'Postman Echo'}, 7 | //http://www.purgomalum.com/ 8 | {name:'PurgoMalum'}, 9 | //https://www.smarty.com/docs/cloud/us-autocomplete-pro-api 10 | {name:'US Autocomplete'}, 11 | //https://www.smarty.com/products/apis/us-extract-api 12 | {name:'US Extract'}, 13 | //https://www.smarty.com/docs/cloud/us-street-api 14 | {name:'US Street Address'}, 15 | //https://vatlayer.com/documentation 16 | {name:'vatlayer'}, 17 | ]}, -------------------------------------------------------------------------------- /src/api/dataValidation/DataValidation1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const DataValidationDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default DataValidationDash; 26 | -------------------------------------------------------------------------------- /src/api/development/Development1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box,Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const DevelopmentDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | {/* Cards in a responsive grid layout */} 19 | 20 | {/* Card for Development */} 21 | 22 | 29 | 30 | 31 | 32 | 33 | 34 | ); 35 | }; 36 | 37 | export default DevelopmentDash; 38 | -------------------------------------------------------------------------------- /src/api/development/DevelopmentCloudFlareTrace.js: -------------------------------------------------------------------------------- 1 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 2 | import Endpoints from "../../components/Endpoints"; 3 | import NavBar from "../../navigation/NavBar"; 4 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 5 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 6 | import { Box, useTheme } from "@mui/material"; 7 | 8 | const DevelopmentCloudFlareTrace = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 27 | 28 | {/* CRUD test box */} 29 | 30 | 31 | 32 | {/* API information box */} 33 | 34 | 35 | {/* Endpoints */} 36 | 41 | 42 | 43 | ); 44 | }; 45 | 46 | export default DevelopmentCloudFlareTrace; -------------------------------------------------------------------------------- /src/api/dictionary/1Dictionary.txt: -------------------------------------------------------------------------------- 1 | 2 | {name:'Dictionaries', 3 | list: [ 4 | //http://ccdb.hemiola.com/ 5 | {name:'Chinese Character Web'}, 6 | //https://ctext.org/tools/api 7 | {name:'Chinese Text Project'}, 8 | //https://api.collinsdictionary.com/api/v1/documentation/html/ 9 | {name:'Collins'}, 10 | //https://dictionaryapi.dev/ 11 | {name:'Free Dictionary'}, 12 | //https://new-kbbi-api.herokuapp.com/ 13 | {name:'Indonesia Dictionary'}, 14 | //https://www.linguarobot.io/ 15 | {name:'Lingua Robot'}, 16 | //https://dictionaryapi.com/ 17 | {name:'Merriam-Webster'}, 18 | //https://owlbot.info/ 19 | {name:'OwlBot'}, 20 | //https://developer.oxforddictionaries.com/ 21 | {name:'Oxford'}, 22 | //https://www.synonyms.com/synonyms_api.php 23 | {name:'Synonyma'}, 24 | //https://en.wiktionary.org/w/api.php 25 | {name:'Wiktionary'}, 26 | //https://developer.wordnik.com/ 27 | {name:'Wordnik'}, 28 | //https://www.wordsapi.com/docs/ 29 | {name:'Words'}, 30 | 31 | ]}, -------------------------------------------------------------------------------- /src/api/dictionary/Dictionary1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const DictionaryDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 26 | 27 | 28 | 29 | ); 30 | }; 31 | 32 | export default DictionaryDash; 33 | -------------------------------------------------------------------------------- /src/api/dictionary/DictionaryFreeDictionary.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, useTheme } from "@mui/material"; 3 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 4 | import Endpoints from "../../components/Endpoints"; 5 | import NavBar from "../../navigation/NavBar"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 8 | 9 | const DictionaryFreeDictionary = () => { 10 | const theme = useTheme(); 11 | 12 | return ( 13 | 20 | 21 | 28 | 29 | 30 | 31 | 36 | 37 | 38 | ); 39 | }; 40 | 41 | export default DictionaryFreeDictionary; 42 | -------------------------------------------------------------------------------- /src/api/docsProd/1DocsProd.txt: -------------------------------------------------------------------------------- 1 | {name:'Documents & Productivity', 2 | list: [ 3 | //https://airtable.com/developers/web/api/introduction 4 | {name:'Airtable'}, 5 | //https://www.api2convert.com/ 6 | {name:'Api2convert'}, 7 | //https://pdflayer.com/ 8 | {name:'apilayer pdflayer'}, 9 | //https://developers.asana.com/docs 10 | {name:'Asana'}, 11 | //https://clickup.com/api/ 12 | {name:'ClickUp'}, 13 | //https://cloudconvert.com/login 14 | {name:'Clockify'}, 15 | //https://cloudmersive.com/convert-api 16 | {name:'CloudConvert'}, 17 | //https://codestats.net/api-docs 18 | {name:'Cloudmersive Document and Data conversion'}, 19 | //https://codestats.net/api-docs 20 | {name:'Code::Stats'}, 21 | //https://craftmypdf.com/ 22 | {name:'CraftMyPDF'}, 23 | //https://docs.flowdash.com/docs/api 24 | {name:'Flowdash'}, 25 | //https://html2pdf.app/ 26 | {name:'Html2PDF'}, 27 | //https://developer.ilovepdf.com/ 28 | {name:'iLovePDF'}, 29 | //https://developer.atlassian.com/server/jira/platform/rest-apis/ 30 | {name:'JIRA'}, 31 | //https://api.mattermost.com/ 32 | {name:'Mattermost'}, 33 | //https://reader.postlight.com/web-parser/ 34 | {name:'Mercury'}, 35 | //https://api.developer.monday.com/docs 36 | {name:'Monday'}, 37 | //https://developers.notion.com/docs/getting-started 38 | {name:'Notion'}, 39 | //https://developers.pandadoc.com/ 40 | {name:'PandaDoc'}, 41 | //https://getpocket.com/developer/ 42 | {name:'Pocket'}, 43 | //https://developers.podio.com/ 44 | {name:'Podio'}, 45 | //https://prexview.com/ 46 | {name:'PrexView'}, 47 | //https://restpack.io/ 48 | {name:'restpack'}, 49 | //https://developer.todoist.com/guides/#developing-with-todoist 50 | {name:'Todoist'}, 51 | //https://apilayer.com/ 52 | {name:'Smart Image Enhancement API'}, 53 | //https://vector.express/ 54 | {name:'Vector Express v2.0'}, 55 | //https://wakatime.com/developers 56 | {name:'WakaTime'}, 57 | //https://zube.io/docs/api 58 | {name:'Zube'}, 59 | 60 | ]}, -------------------------------------------------------------------------------- /src/api/docsProd/DocsProd1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const DocsProdDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default DocsProdDash; 26 | -------------------------------------------------------------------------------- /src/api/email/1Email.txt: -------------------------------------------------------------------------------- 1 | 2 | {name:'Email', 3 | list: [ 4 | //https://www.abstractapi.com/api/email-verification-validation-api 5 | {name:'Abstract Email Validation'}, 6 | //https://mailboxlayer.com/ 7 | {name:'apilayer mailboxlayer'}, 8 | //https://www.disify.com/ 9 | {name:'Disify'}, 10 | //https://dropmail.me/api/#live-demo 11 | {name:'DropMail'}, 12 | //https://eva.pingutil.com/ 13 | {name:'EVA'}, 14 | //https://www.guerrillamail.com/GuerrillaMailAPI.html 15 | {name:'Guerrilla Mail'}, 16 | //https://improvmx.com/api/ 17 | {name:'ImprovMX'}, 18 | //https://open.kickbox.com/ 19 | {name:'Kickbox'}, 20 | //https://docs.mail.gw/ 21 | {name:'mail.gw'}, 22 | //https://docs.mail.tm/ 23 | {name:'mail.tm'}, 24 | //https://www.mailboxvalidator.com/api-email-free 25 | {name:'MailboxValidator'}, 26 | //https://www.mailcheck.ai/#documentation 27 | {name:'MailCheck.ai'}, 28 | //https://mailtrap.docs.apiary.io/# 29 | {name:'Mailtrap'}, 30 | //https://docs.sendgrid.com/api-reference/how-to-use-the-sendgrid-v3-api/authentication 31 | {name:'Sendgrid'}, 32 | //https://developers.sendinblue.com/docs 33 | {name:'Sendinblue'}, 34 | //https://verifier.meetchopra.com/docs#/ 35 | {name:'Verifier'}, 36 | 37 | ]}, -------------------------------------------------------------------------------- /src/api/email/Email1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const EmailDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default EmailDash; 26 | -------------------------------------------------------------------------------- /src/api/entertainment/1Entertainment.txt: -------------------------------------------------------------------------------- 1 | Checked June 2023 by Curt 2 | 3 | name:'Entertainment', 4 | 5 | //https://imgflip.com/api 6 | {name:'Imgflip'}, 7 | 8 | //https://uselessfacts.jsph.pl/ 9 | {name:'Random Useless Facts'}, 10 | -------------------------------------------------------------------------------- /src/api/entertainment/Entertainment1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const EntertainmentDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | {/* Navigation bar */} 17 | 18 | 19 | {/* Cards in a grid layout */} 20 | 21 | {/* Card for Chuck Norris */} 22 | 23 | 30 | 31 | 32 | {/* Card for Corp Buzz Words */} 33 | 34 | 41 | 42 | 43 | {/* Card for Techy */} 44 | 45 | 52 | 53 | 54 | 55 | ); 56 | }; 57 | 58 | export default EntertainmentDash; 59 | -------------------------------------------------------------------------------- /src/api/entertainment/EntertainmentCorpBuzzWords.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const EntertainmentCorpBuzzWords = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | ); 34 | }; 35 | 36 | export default EntertainmentCorpBuzzWords; 37 | -------------------------------------------------------------------------------- /src/api/entertainment/EntertainmentTechy.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const EntertainmentTechy = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | ); 32 | }; 33 | 34 | export default EntertainmentTechy; 35 | -------------------------------------------------------------------------------- /src/api/entertainment/EntertainmentchuckNorris.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const EntertainmentChuckNorris = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 31 | 32 | 37 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default EntertainmentChuckNorris; 48 | -------------------------------------------------------------------------------- /src/api/environment/1Environment.txt: -------------------------------------------------------------------------------- 1 | checked by curt june 2023 2 | 3 | {name:'Environment', 4 | list: [ 5 | 6 | //https://corrently.io/books/susscope2-framework-fur-co2-emissionen-strombezug 7 | {name:'CO2 Offset'}, 8 | 9 | //https://www.energidataservice.dk/ 10 | {name:'Danish data service Energi'}, 11 | 12 | 13 | //https://data.nationalgrideso.com/ 14 | {name:'National Grid ESO'}, 15 | 16 | //https://pm25.lass-net.org/#apis 17 | {name:'PM2.5 Open Data Portal'}, 18 | 19 | //http://www.pm25.in/api_doc 20 | {name:'PM25.in'}, 21 | 22 | //https://api.websitecarbon.com/ 23 | {name:'Website Carbon'}, 24 | 25 | ]}, -------------------------------------------------------------------------------- /src/api/environment/Environment1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | 3 | import NavBar from "../../navigation/NavBar"; 4 | import CardRouting from "../../components/CardRouting"; 5 | 6 | const EnvironmentDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | {/* Navigation bar */} 18 | 19 | {/* Cards in a grid layout */} 20 | 21 | {/* Card for Chuck Norris */} 22 | 23 | 30 | 31 | 32 | 33 | ); 34 | }; 35 | 36 | export default EnvironmentDash; 37 | -------------------------------------------------------------------------------- /src/api/environment/EnvironmentUKCarbonIntensity.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const EnvironmentUKCarbonIntensity = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | 30 | {/* CRUD test box */} 31 | 32 | 33 | 34 | {/* API information box */} 35 | 36 | 37 | {/* Endpoint */} 38 | 43 | 44 | 45 | ); 46 | }; 47 | 48 | export default EnvironmentUKCarbonIntensity; 49 | -------------------------------------------------------------------------------- /src/api/events/1Events.txt: -------------------------------------------------------------------------------- 1 | checked by curt june 23 2 | name:'Events', 3 | 4 | -------------------------------------------------------------------------------- /src/api/events/Events1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | 3 | import BtnRouting from "../../components/BtnRouting"; 4 | import NavBar from "../../navigation/NavBar"; 5 | 6 | const EventsDash = () => { 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 17 | 18 | 19 | 20 | 21 | 22 | ); 23 | }; 24 | 25 | export default EventsDash; 26 | -------------------------------------------------------------------------------- /src/api/finance/1Finance.txt: -------------------------------------------------------------------------------- 1 | {name:'Finance', 2 | list: [ 3 | 4 | 5 | //https://docs.klarna.com/api/payments/ 6 | {name:'Klarna'}, 7 | 8 | //https://www.sec.gov/edgar/sec-api-documentation 9 | {name:'SEC EDGAR Data'}, 10 | 11 | //https://tradestie.com/apps/reddit/api/ 12 | {name:'WallstreetBets'}, 13 | 14 | ]}, -------------------------------------------------------------------------------- /src/api/finance/Finance1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const FinanceDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default FinanceDash; 25 | -------------------------------------------------------------------------------- /src/api/foodDrink/1FoodDrink.txt: -------------------------------------------------------------------------------- 1 | Checked June 2023 by Curt 2 | 3 | 'Food & Drink', 4 | 5 | //https://baconmockup.com/ 6 | {name:'BaconMockup'}, 7 | 8 | //https://coffee.alexflipnote.dev/ 9 | {name:'Coffee'}, 10 | 11 | //https://www.openbrewerydb.org/ 12 | {name:'Open Brewery DB'}, 13 | 14 | // /https://world.openfoodfacts.org/data 15 | {name:'Open Food Facts'}, 16 | 17 | //https://punkapi.com/ 18 | {name:'PunkAPI'}, 19 | 20 | //https://www.themealdb.com/api.php 21 | {name:'TheMealDB'}, 22 | 23 | //https://whiskyhunter.net/api/ 24 | {name:'WhiskyHunter'}, -------------------------------------------------------------------------------- /src/api/foodDrink/FoodDrink1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const FoodDrinkDash = () => { 6 | 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 11 | 12 | 13 | 19 | 20 | 21 | ); 22 | }; 23 | 24 | export default FoodDrinkDash; 25 | -------------------------------------------------------------------------------- /src/api/gamesComics/GamesComics1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme, Grid } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const GamesComicsDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 26 | 27 | 28 | 35 | 36 | 37 | 38 | ); 39 | }; 40 | 41 | export default GamesComicsDash; 42 | -------------------------------------------------------------------------------- /src/api/gamesComics/GamesComicsAmiibo.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const GamesComicsAmiibo = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 35 | 36 | 37 | ); 38 | }; 39 | 40 | export default GamesComicsAmiibo; 41 | -------------------------------------------------------------------------------- /src/api/gamesComics/GamesComicsCheapShark.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const GamesComicsCheapShark = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 35 | 36 | 37 | ); 38 | }; 39 | 40 | export default GamesComicsCheapShark; 41 | -------------------------------------------------------------------------------- /src/api/geocoding/1Geocoding.txt: -------------------------------------------------------------------------------- 1 | checked by Curt 18 Jan 2024 2 | 3 | {name:'Geocoding', 4 | list: [ 5 | //https://adresse.data.gouv.fr/api-doc/adresse 6 | {name:'adresse.data.gouv.fr'}, 7 | 8 | //https://sys.airtel.lv/ip2country/1.1.1.1/?full=true 9 | {name:'Airtel IP'}, 10 | 11 | 12 | //https://github.com/M-Media-Group/Cartes.io/wiki/API 13 | {name:'Cartes.io'}, 14 | 15 | //https://gis.ducks.org/datasets/du-university-chapters/api 16 | {name:'Ducks Unlimited'}, 17 | 18 | //https://api.gouv.fr/documentation/api-geohttps://api.gouv.fr/documentation/api-geo 19 | {name:'GeoApi'}, 20 | 21 | //https://geodata.gov.gr/en/ 22 | {name:'Geodata.gov.gr'}, 23 | 24 | //http://geodb-cities-api.wirefreethought.com/ 25 | {name:'GeoDB Cities'}, 26 | 27 | //https://geographql.netlify.app/ 28 | {name:'GeographQL'}, 29 | 30 | //https://www.geojs.io/docs/v1/endpoints/ 31 | {name:'GeoJS'}, 32 | 33 | //https://www.geoplugin.com/ 34 | {name:'geoPlugin'}, 35 | 36 | //https://stefanbohacek.com/project/hellosalut-api/ 37 | {name:'HelloSalut'}, 38 | 39 | 40 | //https://geodata.gov.hk/gs/ 41 | {name:'Hong Kong GeoData Store'}, 42 | 43 | //https://servicodados.ibge.gov.br/api/docs/ 44 | {name:'IBGE'}, 45 | 46 | //https://ip-api.com/docs 47 | {name:'ip-api'}, 48 | , 49 | //https://ipapi.co/api/#introduction 50 | {name:'ipapi.co'}, 51 | 52 | //https://api.techniknews.net/ipgeo/84.231.19.214 53 | {name:'IPGEO'}, 54 | 55 | //https://tools.keycdn.com/geo 56 | {name:'keycdn IP Location Finder'}, 57 | 58 | //https://github.com/IcaliaLabs/sepomex 59 | {name:'Mexico'}, 60 | 61 | //https://nominatim.org/release-docs/latest/api/Overview/ 62 | {name:'Nominatim'}, 63 | 64 | //https://www.opentopodata.org/ 65 | {name:'Open Topo Data'}, 66 | 67 | //https://pinballmap.com/api/v1/docs 68 | {name:'Pinball Map'}, 69 | 70 | //https://postali.app/api 71 | {name:'Postali'}, 72 | 73 | //https://postcodes.io/ 74 | {name:'Postcodes.io'}, 75 | 76 | //https://restcountries.com/ 77 | {name:'REST Countries'}, 78 | 79 | //https://github.com/slftool/slftool.github.io/blob/master/API.md 80 | {name:'SLF'}, 81 | 82 | //https://viacep.com.br/ 83 | {name:'ViaCep'}, 84 | 85 | //https://www.zippopotam.us/ 86 | {name:'Zippopotam.us'}, 87 | 88 | //https://ziptasticapi.com/ 89 | {name:'Ziptastic'}, 90 | ]}, -------------------------------------------------------------------------------- /src/api/geocoding/GeoCoding1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import CardRouting from "../../components/CardRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const GeoCodingDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 26 | 27 | 28 | 35 | 36 | 37 | 44 | 45 | 46 | 53 | 54 | 55 | 56 | ); 57 | }; 58 | 59 | export default GeoCodingDash; 60 | -------------------------------------------------------------------------------- /src/api/geocoding/GeoCodingCountry.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | 8 | const GeoCodingCountry = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 35 | 36 | 37 | ); 38 | }; 39 | 40 | export default GeoCodingCountry; 41 | -------------------------------------------------------------------------------- /src/api/geocoding/GeoCodingGeoJS.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | 8 | const GeoCodingGeoJS = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 35 | 40 | 45 | 46 | 47 | ); 48 | }; 49 | 50 | export default GeoCodingGeoJS; 51 | -------------------------------------------------------------------------------- /src/api/geocoding/GeoCodingGetTheData.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | 8 | const GeoCodingGetTheData = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 27 | 28 | 29 | 30 | 36 | 37 | 38 | ); 39 | }; 40 | 41 | export default GeoCodingGetTheData; 42 | -------------------------------------------------------------------------------- /src/api/geocoding/GeocodingAdministrativeDivisionsDb.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 6 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 7 | 8 | const GeoCodingAdministrativeDivisionsDb = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | 20 | 29 | 30 | 31 | 32 | 37 | 38 | 39 | ); 40 | }; 41 | 42 | export default GeoCodingAdministrativeDivisionsDb; 43 | -------------------------------------------------------------------------------- /src/api/government/Government1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const GovernmentDash = () => { 6 | 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default GovernmentDash; 20 | -------------------------------------------------------------------------------- /src/api/health/1Health.txt: -------------------------------------------------------------------------------- 1 | {name:'Health', 2 | list: [ 3 | //https://data.cms.gov/provider-data/ 4 | {name:'CMS.gov'}, 5 | //https://pipedream.com/@pravin/http-api-for-latest-wuhan-coronavirus-data-2019-ncov-p_G6CLVM/readme 6 | {name:'Coronavirus'}, 7 | //https://coronavirus.data.gov.uk/details/developers-guide 8 | {name:'Coronavirus in the UK'}, 9 | //https://covidtracking.com/data/api/version-2 10 | {name:'Covid Tracking Project'}, 11 | //https://github.com/M-Media-Group/Covid-19-API 12 | {name:'Covid-19'}, 13 | // /https://npgeo-corona-npgeo-de.hub.arcgis.com/ 14 | {name:'Covid-19 Datenhub'}, 15 | //https://www.bsg.ox.ac.uk/research/covid-19-government-response-tracker 16 | {name:'Covid-19 Government Response'}, 17 | //https://data.covid19india.org/ 18 | {name:'Covid-19 India'}, 19 | //https://nuttaphat.com/covid19-api/ 20 | {name:'Covid-19 JHU CSSE'}, 21 | //https://github.com/mathdroid/covid-19-api 22 | {name:'Covid-19 Live data'}, 23 | //https://github.com/Simperfy/Covid-19-API-Philippines-DOH 24 | {name:'Covid-19 Philippines'}, 25 | //https://api.covid19tracker.ca/docs/1.0/overview 26 | {name:'COVID-19 Tracker Canada'}, 27 | //https://www.hpb.health.gov.lk/en/api-documentation 28 | {name:'COVID-19 Tracker Sri Lanka'}, 29 | //https://data.covid19.go.id/public/api/prov.json 30 | {name:'COVID-ID'}, 31 | //https://covid-19.dataflowkit.com/ 32 | {name:'Dataflow Kit COVID-19'}, 33 | //https://fdc.nal.usda.gov/ 34 | {name:'FoodData Central'}, 35 | //https://www.healthcare.gov/developers/ 36 | {name:'Healthcare.gov'}, 37 | //https://data.humdata.org/ 38 | {name:'Humanitarian Data Exchange'}, 39 | //https://developer.infermedica.com/docs/introduction 40 | {name:'Infermedica'}, 41 | //https://cov-spectrum.org/public 42 | {name:'LAPIS'}, 43 | //https://docs.lexigram.io/ 44 | {name:'Lexigram'}, 45 | //https://documenter.getpostman.com/view/16605343/Tzm8GG7u 46 | {name:'MyVaccination'}, 47 | //https://npiregistry.cms.hhs.gov/search 48 | {name:'NPPES'}, 49 | //https://developer.nutritionix.com/ 50 | {name:'Nuutritionix'}, 51 | //https://www.opendata.nhs.scot/ 52 | {name:'Open Data NHS Scotland'}, 53 | //https://disease.sh/ 54 | {name:'Open Disease'}, 55 | //https://open.fda.gov/ 56 | {name:'openFDA Orion Health'}, 57 | //https://ro.postcode.one/coronavirus/api?path=coronavirus/api/#gsc.tab=0 58 | {name:'Quarantine'}, 59 | ]}, -------------------------------------------------------------------------------- /src/api/health/Health1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const HealthDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 26 | 27 | 28 | 29 | ); 30 | }; 31 | 32 | export default HealthDash; 33 | -------------------------------------------------------------------------------- /src/api/health/HealthMakeupApi.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const HealthMakeupApi = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 28 | 29 | {/* CRUD test box */} 30 | 31 | 32 | 33 | {/* API information box */} 34 | 35 | 36 | {/* Endpoint */} 37 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default HealthMakeupApi; 48 | -------------------------------------------------------------------------------- /src/api/jobs/1Jobs.txt: -------------------------------------------------------------------------------- 1 | {name:'Jobs', 2 | list: [ 3 | //https://developer.adzuna.com/overview 4 | {name:'Adzuna'}, 5 | //https://documenter.getpostman.com/view/18545278/UVJbJdKh 6 | {name:'Arbeitnow'}, 7 | //https://jobsuche.api.bund.dev/ 8 | {name:'Arbeitsamt'}, 9 | //https://www.careerjet.com/partners/api/ 10 | {name:'Careerjet'}, 11 | //https://devitjobs.uk/job_feed.xml 12 | {name:'DevITjobs UK'}, 13 | //https://findwork.dev/accounts/login/?next=/developers/ 14 | {name:'Findwork'}, 15 | //https://graphql.jobs/docs/api/ 16 | {name:'GraphQL Jobs'}, 17 | //https://api.jobs2careers.com/api/spec.pdf 18 | {name:'Jobs2Careers'}, 19 | //https://jooble.org/api/about 20 | {name:'Jooble'}, 21 | //http://www.juju.com/publisher/spec/ 22 | {name:'Juju'}, 23 | //https://github.com/workforce-data-initiative/skills-api/wiki/API-Overview 24 | {name:'Open Skills'}, 25 | //https://www.reed.co.uk/developers 26 | {name:'Reed'}, 27 | //https://www.themuse.com/developers/api/v2 28 | {name:'The Muse'}, 29 | //https://developers.upwork.com/?lang=python 30 | {name:'Upwork'}, 31 | //https://developer.usajobs.gov/ 32 | {name:'USAJOBS'}, 33 | //https://developer.usajobs.gov/ 34 | {name:'WhatJobs'}, 35 | //https://www.ziprecruiter.co.uk/?utm_source=ziprecruiter-com-redirect 36 | {name:'ZipRecruiter'}, 37 | 38 | ]}, -------------------------------------------------------------------------------- /src/api/jobs/Jobs1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const JobsDash = () => { 6 | 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default JobsDash; 20 | -------------------------------------------------------------------------------- /src/api/machineLearning/MachineLearning1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const MachineLearningDash = () => { 6 | 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default MachineLearningDash; 20 | -------------------------------------------------------------------------------- /src/api/music/Music1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box , useTheme} from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const MusicDash = () => { 6 | 7 | const theme = useTheme(); 8 | 9 | return ( 10 | 11 | 12 | 13 | 14 | 15 | 16 | ); 17 | }; 18 | 19 | export default MusicDash; 20 | -------------------------------------------------------------------------------- /src/api/news/1News.txt: -------------------------------------------------------------------------------- 1 | checked by curt june 2023 2 | 3 | name:'News', 4 | 5 | 6 | //https://chroniclingamerica.loc.gov/about/api/ 7 | {name:'Chronicling America'}, 8 | 9 | //https://spaceflightnewsapi.net/ 10 | {name:'Spaceflight News'}, -------------------------------------------------------------------------------- /src/api/news/News1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const NewsDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default NewsDash; 17 | -------------------------------------------------------------------------------- /src/api/openData/OpenData1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const OpenDataDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default OpenDataDash; 17 | -------------------------------------------------------------------------------- /src/api/openSource/1OpenSource.txt: -------------------------------------------------------------------------------- 1 | {name:'Open Source Projects', 2 | list: [ 3 | 4 | //https://www.datamuse.com/api/ 5 | {name:'Datamuse'}, 6 | 7 | //https://www.drupal.org/drupalorg/docs/apis/rest-and-other-apis 8 | {name:'Drupal.org'}, 9 | 10 | //https://github.com/anuraghazra/github-readme-stats 11 | {name:'GitHub ReadMe Stats'}, 12 | ]}, -------------------------------------------------------------------------------- /src/api/openSource/OpenSource1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const OpenSourceDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default OpenSourceDash; 17 | -------------------------------------------------------------------------------- /src/api/patent/1Patent.txt: -------------------------------------------------------------------------------- 1 | {name:'Patent', 2 | list: [ 3 | //https://patentsview.org/apis/purpose 4 | {name:'PatentsView'}, 5 | ]}, -------------------------------------------------------------------------------- /src/api/patent/Patent1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const PatentDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default PatentDash; 17 | -------------------------------------------------------------------------------- /src/api/personality/1Personality.txt: -------------------------------------------------------------------------------- 1 | checked by curt june 2023 2 | 3 | name:'Personality', 4 | 5 | //https://api.adviceslip.com/ 6 | {name:'Advice slip'}, 7 | 8 | //https://biriyani.anoram.com/ 9 | {name:'Biriyani As A Service'}, 10 | 11 | //https://github.com/fisenkodv/dictum 12 | {name:'Dictum'}, 13 | 14 | //https://favqs.com/api 15 | {name:'FavQs.com'}, 16 | 17 | //https://icanhazdadjoke.com/api 18 | {name:'icanhazdadjoke'}, 19 | 20 | //https://kanye.rest/ 21 | {name:'kanye.rest'}, 22 | 23 | //https://github.com/lukePeavey/quotable 24 | {name:'Quotable Quotes'}, 25 | 26 | //https://pprathameshmore.github.io/QuoteGarden/ 27 | {name:'Quote Garden'}, 28 | 29 | // /https://www.jcquotes.com/0akEm 30 | {name:'quoteclear'}, 31 | 32 | //https://quotesondesign.com/api/ 33 | {name:'Quotes on Design'}, 34 | 35 | //https://github.com/tlcheah2/stoic-quote-lambda-public-api 36 | {name:'Stoicism Qyote'}, 37 | 38 | //https://vadivelu.anoram.com/ 39 | name:'Vadivelu HTT Quotes' 40 | 41 | //https://zenquotes.io/ 42 | {name:'Zen Quotes'}, 43 | -------------------------------------------------------------------------------- /src/api/personality/Personality1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const PersonalityDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | 19 | 26 | 27 | 28 | 29 | ); 30 | }; 31 | 32 | export default PersonalityDash; 33 | -------------------------------------------------------------------------------- /src/api/personality/PersonalityQuoteClear.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const PersonalityQuoteClear = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 22 | 29 | 30 | {/* CRUD test box */} 31 | 32 | 33 | 34 | {/* API information box */} 35 | 36 | 37 | {/* Endpoint */} 38 | 39 | 40 | 41 | ); 42 | }; 43 | 44 | export default PersonalityQuoteClear; 45 | -------------------------------------------------------------------------------- /src/api/phone/1Phone.txt: -------------------------------------------------------------------------------- 1 | {name:'Phone', 2 | list: [ 3 | //https://cloudmersive.com/phone-number-validation-API 4 | {name:'Cloudmersive Validate'}, 5 | //https://www.abstractapi.com/api/phone-validation-api 6 | {name:'Abstract Phone Validation'}, 7 | //https://numverify.com/ 8 | {name:'apilayer numverify'}, 9 | //https://github.com/azharimm/phone-specs-api 10 | {name:'Phone Specification'}, 11 | //https://veriphone.io/ 12 | {name:'Veriphone'}, 13 | ]}, -------------------------------------------------------------------------------- /src/api/phone/Phone1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const PhoneDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default PhoneDash; 17 | -------------------------------------------------------------------------------- /src/api/photography/1Photography.txt: -------------------------------------------------------------------------------- 1 | {name:'Photography', 2 | list: [ 3 | //https://screenshotlayer.com/ 4 | {name:'apilayer Screenshot'}, 5 | //https://apitemplate.io/ 6 | {name:'APITemplate.io'}, 7 | //https://docs.bruzu.com/ 8 | {name:'Bruzu'}, 9 | //https://cheetaho.com/docs/getting-started/ 10 | {name:'CheetahO'}, 11 | //https://dagpi.xyz/ 12 | {name:'Dagpi'}, 13 | //https://duply.co/docs#getting-started-api 14 | {name:'Duply'}, 15 | //https://dynapictures.com/docs/#introduction 16 | {name:'DynaPictures'}, 17 | //https://www.flickr.com/services/api/ 18 | {name:'Flickr'}, 19 | //https://developers.gettyimages.com/ 20 | {name:'Getty Images'}, 21 | //https://developers.gfycat.com/api/ 22 | {name:'Gfycat'}, 23 | //https://developers.giphy.com/docs/sdk 24 | {name:'Giphy'}, 25 | //https://developers.google.com/photos 26 | {name:'Gogle Photos'}, 27 | //https://apidocs.imgur.com/ 28 | {name:'Imgur'}, 29 | //https://imsea.herokuapp.com/ 30 | {name:'Imsea'}, 31 | //https://picsum.photos/ 32 | {name:'Lorem Picsum'}, 33 | //https://objectcut.com/ 34 | {name:'ObjectCut'}, 35 | //https://www.pexels.com/api/ 36 | {name:'Pexels'}, 37 | //https://www.photoroom.com/api/ 38 | {name:'PhotoRoom'}, 39 | //https://pixabay.com/sk/service/about/api/ 40 | {name:'Pixabay'}, 41 | //https://placekeanu.com/ 42 | {name:'PlaceKeanu'}, 43 | //https://github.com/DenverCoder1/readme-typing-svg 44 | {name:'Readme typing SVG'}, 45 | //https://www.remove.bg/api#remove-background 46 | {name:'Remove.bg'}, 47 | //https://resmush.it/api 48 | {name:'ReSmush.it'}, 49 | //https://apidocs.sirv.com/#getting-started 50 | {name:'shutterstock'}, 51 | //https://apidocs.sirv.com/#getting-started 52 | {name:'Sirv'}, 53 | //https://unsplash.com/developers 54 | {name:'Unsplash'}, 55 | //https://wallhaven.cc/help/api 56 | {name:'Wallhaven'}, 57 | //https://www.damsuccess.com/hc/en-us/articles/202134055-REST-API 58 | {name:'Webdam'}, 59 | 60 | ]}, -------------------------------------------------------------------------------- /src/api/photography/Photography1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const PhotographyDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default PhotographyDash; 17 | -------------------------------------------------------------------------------- /src/api/programming/1Programming.txt: -------------------------------------------------------------------------------- 1 | {name:'Programming', 2 | list: [ 3 | //https://codeforces.com/apiHelp 4 | {name:'Codeforces'}, 5 | //https://www.hackerearth.com/docs/wiki/developers/v4/ 6 | {name:'Hackerearth'}, 7 | //https://ce.judge0.com/ 8 | {name:'Judge0 CE'}, 9 | //https://kontests.net/api 10 | {name:'KONTESTS'}, 11 | //https://docs.mintlify.com/probot 12 | {name:'Mintlify'}, 13 | ]}, -------------------------------------------------------------------------------- /src/api/programming/Programming1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const ProgrammingDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default ProgrammingDash; 17 | -------------------------------------------------------------------------------- /src/api/scienceMath/1ScienceMath.txt: -------------------------------------------------------------------------------- 1 | {name:'Science & Math', 2 | list: [ 3 | //https://api.arcsecond.io/ 4 | {name:'arcsecond.io'}, 5 | //https://info.arxiv.org/help/api/user-manual.html 6 | {name:'arXiv'}, 7 | //https://core.ac.uk/services#api 8 | {name:'CORE'}, 9 | //https://www.gbif.org/developer/summary 10 | {name:'GBIF'}, 11 | //https://github.com/idigbio/idigbio-search-api/wiki 12 | {name:'iDigBio'}, 13 | //https://github.com/inspirehep/rest-api-doc 14 | {name:'inspirehep.net'}, 15 | //https://isevenapi.xyz/ 16 | {name:'isEven (humor)'}, 17 | //https://isro.vercel.app/ 18 | {name:'ISRO'}, 19 | //https://www.itis.gov/ws_description.html 20 | {name:'ITIS'}, 21 | //https://thespacedevs.com/llapi 22 | {name:'Launch Library 2'}, 23 | //https://mpds.io/#start 24 | {name:'Materials Platform for Data Science'}, 25 | //https://www.asterank.com/mpc 26 | {name:'Minor Planet Center'}, 27 | // /https://api.nasa.gov/ 28 | {name:'NASA'}, 29 | //https://ui.adsabs.harvard.edu/help/api/api-docs.html#servers 30 | {name:'NASA ADS'}, 31 | //https://newton.vercel.app/ 32 | {name:'Newton'}, 33 | //https://api.noctuasky.com/api/v1/swaggerdoc/ 34 | {name:'Noctua'}, 35 | //http://numbersapi.com/#42 36 | {name:'Numbers'}, 37 | //https://oceanfacts.herokuapp.com/ 38 | {name:'Ocean Facts'}, 39 | //http://open-notify.org/Open-Notify-API/ 40 | {name:'Open Notify'}, 41 | //https://developer.osf.io/ 42 | {name:'Open Science Framework'}, 43 | //https://www2.purpleair.com/ 44 | {name:'Purple Air'}, 45 | //https://github.com/elizabethadegbaju/remotecalc 46 | {name:'Remote Calc'}, 47 | //https://share.osf.io/api/v2/ 48 | {name:'SHARE'}, 49 | // /https://api.spacex.land/graphql/ 50 | {name:'SpaceX'}, 51 | //https://sunrise-sunset.org/api 52 | {name:'Sunrise and Sunset'}, 53 | //https://github.com/FranP-code/API-Times-Adder 54 | {name:'Times Adder'}, 55 | //https://tle.ivanstanojevic.me/#/docs 56 | {name:'TLE'}, 57 | //https://earthquake.usgs.gov/fdsnws/event/1/ 58 | {name:'USGS Earthquake Hazards Program'}, 59 | //https://waterservices.usgs.gov/ 60 | {name:'USGS Wateer Services'}, 61 | //https://datahelpdesk.worldbank.org/knowledgebase/topics/125589 62 | {name:'World Bank'}, 63 | // /https://x-math.herokuapp.com/ 64 | {name:'xMath'}, 65 | 66 | ]}, -------------------------------------------------------------------------------- /src/api/scienceMath/ScienceMath1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const ScienceMathDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default ScienceMathDash; 17 | -------------------------------------------------------------------------------- /src/api/security/Security1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const SecurityDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default SecurityDash; 17 | -------------------------------------------------------------------------------- /src/api/shopping/1Shopping.txt: -------------------------------------------------------------------------------- 1 | {name:'Shopping', 2 | list: [ 3 | //https://bestbuyapis.github.io/api-documentation/#overview 4 | {name:'Best Buy'}, 5 | //https://www.digikey.com/en/resources/api-solutions 6 | {name:'Digi-Key'}, 7 | //https://dummyproducts-api.herokuapp.com/ 8 | {name:'Dummy Products'}, 9 | //https://developer.ebay.com/ 10 | {name:'eBay'}, 11 | //https://www.etsy.com/developers/documentation/getting_started/api_basics 12 | {name:'Etsy'}, 13 | //https://seller.flipkart.com/api-docs/FMSAPI.html 14 | {name:'Flipkart Marketplace'}, 15 | //https://open.lazada.com/apps/user/login?redirectURL=https%3A%2F%2Fopen.lazada.com%2Fdoc%2Fdoc.htm 16 | {name:'Lazada'}, 17 | //https://developers.mercadolibre.cl/es_ar/api-docs-es 18 | {name:'Mercadolibre'}, 19 | //https://octopart.com/api/v4/reference 20 | {name:'Octopart'}, 21 | //https://developer.olx.pl/api/doc#section/ 22 | {name:'OLX Poland'}, 23 | //https://dev-portal.rappi.com/en/ 24 | {name:'Rappi'}, 25 | //https://open.shopee.com/developer-guide/12 26 | {name:'Shopee'}, 27 | //https://developer.tokopedia.com/openapi/guide/#/ 28 | {name:'Tokopedia'}, 29 | //https://woocommerce.github.io/woocommerce-rest-api-docs/#introduction 30 | {name:'WooCommerce'}, 31 | 32 | ]}, -------------------------------------------------------------------------------- /src/api/shopping/Shopping1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const ShoppingDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default ShoppingDash; 17 | -------------------------------------------------------------------------------- /src/api/social/1Social.txt: -------------------------------------------------------------------------------- 1 | {name:'Social', 2 | 3 | checked by curt 08 Feb 2024 4 | list: [ 5 | //https://aztro.sameerkumar.website/ 6 | {name:'aztro'}, 7 | 8 | //https://developer.webex.com/ 9 | {name:'Cisco Spark'}, 10 | , 11 | //https://github.com/HackerNews/API 12 | {name:'HackerNews'}, 13 | 14 | //https://developers.kakao.com/ 15 | {name:'Kakao'}, 16 | 17 | //https://learn.microsoft.com/en-us/graph/api/overview?view=graph-rest-1.0 18 | {name:'Microsoft Graph'}, 19 | 20 | //https://docs.opencollective.com/help/contributing/development/api 21 | {name:'Open Collective'}, 22 | ]}, -------------------------------------------------------------------------------- /src/api/social/Social1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const SocialDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default SocialDash; 17 | -------------------------------------------------------------------------------- /src/api/sportsFitness/1SportsFitness.txt: -------------------------------------------------------------------------------- 1 | 2 | 3 | --Checked by Curt - June 2023-- 4 | 5 | 'Sports & Fitness', 6 | 7 | //http://ergast.com/mrd/ 8 | {name:'Ergast F1'}, 9 | 10 | //https://gitlab.com/dword4/nhlapi 11 | {name:'NHL Records and Stats'}, 12 | 13 | //https://www.openligadb.de/ 14 | {name:'OpenLigaDB'}, 15 | 16 | //https://api.squiggle.com.au/ 17 | {name:'Squiggle'}, 18 | 19 | //https://www.thesportsdb.com/api.php 20 | {name:'TheSportsDB'}, -------------------------------------------------------------------------------- /src/api/sportsFitness/SportsFitness1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box, Grid, useTheme } from "@mui/material"; 2 | import NavBar from "../../navigation/NavBar"; 3 | import CardRouting from "../../components/CardRouting"; 4 | 5 | const SportsFitnessDash = () => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 18 | {/* Card for Daily Cat Facts */} 19 | 20 | 27 | 28 | 29 | 36 | 37 | 38 | 39 | ); 40 | }; 41 | 42 | export default SportsFitnessDash; 43 | -------------------------------------------------------------------------------- /src/api/sportsFitness/SportsFitnessBallDontLie.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const SportsFitnessBallDontLie = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 28 | 29 | {/* CRUD test box */} 30 | 31 | 32 | 33 | {/* API information box */} 34 | 35 | 36 | {/* Endpoint */} 37 | 42 | 43 | 44 | ); 45 | }; 46 | 47 | export default SportsFitnessBallDontLie; 48 | -------------------------------------------------------------------------------- /src/api/sportsFitness/SportsFitnessCityBikes.js: -------------------------------------------------------------------------------- 1 | import { Box, useTheme } from "@mui/material"; 2 | import BoxApiInfo from "../../core/main/BoxApiInfo"; 3 | import Endpoints from "../../components/Endpoints"; 4 | import NavBar from "../../navigation/NavBar"; 5 | import BoxTestCrud from "../../tools/components/BoxTestCrud"; 6 | import ApiPageInfo from "../../core/main/ApiPageInfo"; 7 | 8 | const SportsFitnessCityBikes = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 19 | {/* Navigation bar */} 20 | 21 | 26 | 27 | {/* CRUD test box */} 28 | 29 | 30 | 31 | {/* API information box */} 32 | 33 | 34 | {/* Endpoint */} 35 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default SportsFitnessCityBikes; 46 | -------------------------------------------------------------------------------- /src/api/testData/1TestData.txt: -------------------------------------------------------------------------------- 1 | {name:'Test Data', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/testData/TestData1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const TestDataDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default TestDataDash; 17 | -------------------------------------------------------------------------------- /src/api/textAnalysis/1TextAnalysis.txt: -------------------------------------------------------------------------------- 1 | {name:'Text Analysis', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/textAnalysis/TextAnalysis1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const TextAnalysisDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default TextAnalysisDash; 17 | -------------------------------------------------------------------------------- /src/api/tracking/1Tracking.txt: -------------------------------------------------------------------------------- 1 | {name:'Tracking', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/tracking/Tracking1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const TrackingDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default TrackingDash; 17 | -------------------------------------------------------------------------------- /src/api/transportation/1Transportation.txt: -------------------------------------------------------------------------------- 1 | {name:'Transportation', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/transportation/Transportation1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const TransportationDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default TransportationDash; 17 | -------------------------------------------------------------------------------- /src/api/urlShortener/1UrlShortener.txt: -------------------------------------------------------------------------------- 1 | {name:'URL Shorteners', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/urlShortener/UrlShortener1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const UrlShortenerDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default UrlShortenerDash; 17 | -------------------------------------------------------------------------------- /src/api/vehicle/1Vehicle.txt: -------------------------------------------------------------------------------- 1 | {name:'Vehicle', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/vehicle/Vehicle1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const VehicleDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default VehicleDash; 17 | -------------------------------------------------------------------------------- /src/api/video/1Video.txt: -------------------------------------------------------------------------------- 1 | 2 | {name:'Video', 3 | list: [ 4 | {name:''}, 5 | ]}, -------------------------------------------------------------------------------- /src/api/video/Video1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const VideoDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default VideoDash; 17 | -------------------------------------------------------------------------------- /src/api/weather/1Weather.txt: -------------------------------------------------------------------------------- 1 | {name:'Weather', 2 | list: [ 3 | {name:''}, 4 | ]}, -------------------------------------------------------------------------------- /src/api/weather/Weather1Dash.js: -------------------------------------------------------------------------------- 1 | import { Box } from "@mui/material"; 2 | import BtnRouting from "../../components/BtnRouting"; 3 | import NavBar from "../../navigation/NavBar"; 4 | 5 | const WeatherDash = () => { 6 | return ( 7 | 8 | 9 | 10 | 11 | 12 | 13 | ); 14 | }; 15 | 16 | export default WeatherDash; 17 | -------------------------------------------------------------------------------- /src/components/BtnRouting.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { useNavigate } from "react-router-dom"; 3 | import { Box, Button, Typography, useTheme } from "@mui/material"; 4 | 5 | const BtnRouting = ({ 6 | btnName, 7 | navigateTo, 8 | backgroundColor, 9 | textColor, 10 | amount = 0, 11 | }) => { 12 | const navigate = useNavigate(); 13 | const theme = useTheme(); 14 | 15 | const handleClick = () => { 16 | navigate(navigateTo); 17 | }; 18 | return ( 19 | 27 | 65 | 66 | ); 67 | }; 68 | 69 | export default BtnRouting; 70 | -------------------------------------------------------------------------------- /src/components/barLeft/components/BarLeftSearchBox.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { 3 | Box, 4 | Input, 5 | InputAdornment, 6 | IconButton, 7 | useTheme, 8 | } from "@mui/material"; 9 | import SearchIcon from "@mui/icons-material/Search"; 10 | 11 | function BarLeftSearchBox() { 12 | const theme = useTheme(); 13 | 14 | return ( 15 | 16 | 20 | 21 | 22 | 23 | 24 | } 25 | /> 26 | 27 | ); 28 | } 29 | 30 | export default BarLeftSearchBox; 31 | -------------------------------------------------------------------------------- /src/components/barLeft/components/BarLeftSearchBoxBtn.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { useNavigate } from "react-router-dom"; 3 | import { Box, Button, useTheme } from "@mui/material"; 4 | 5 | const BarLeftSearchBoxBtn = ({ btnName, navigateTo }) => { 6 | const theme = useTheme(); 7 | 8 | const navigate = useNavigate(); 9 | 10 | const handleClick = () => { 11 | navigate(navigateTo); 12 | }; 13 | 14 | return ( 15 | 22 | 37 | 38 | ); 39 | }; 40 | 41 | export default BarLeftSearchBoxBtn; 42 | -------------------------------------------------------------------------------- /src/core/footer/Footer.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { AppBar, Typography, Toolbar, useTheme } from "@mui/material"; 3 | 4 | const Footer = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 18 | 19 | 20 | Copyright © {new Date().getFullYear()} Free API List Contributors 21 | 22 | 23 | 24 | ); 25 | }; 26 | 27 | export default Footer; 28 | -------------------------------------------------------------------------------- /src/core/main/ApiPageInfo.js: -------------------------------------------------------------------------------- 1 | import { Box, Link, Typography, useTheme } from "@mui/material"; 2 | 3 | function ApiPageInfo({ title, linkName, linkUrl, description }) { 4 | const theme = useTheme(); 5 | 6 | return ( 7 | 8 | 9 | {title} 10 | 11 | 12 | 13 | {" "} 14 | API Info Page: 15 | 22 | {linkUrl} 23 | 24 | 25 | 26 | 27 | {description} 28 | 29 | 30 | ); 31 | } 32 | 33 | export default ApiPageInfo; 34 | -------------------------------------------------------------------------------- /src/documentation/Contributors.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from "react"; 2 | import { Box, Typography, Button, useTheme } from "@mui/material"; 3 | import ContributorsContent from "./ContributorsContent"; 4 | 5 | const Contributors = () => { 6 | const theme = useTheme(); 7 | 8 | const [showContributors, setShowContributors] = useState(false); 9 | 10 | const toggleContributors = () => { 11 | setShowContributors(!showContributors); 12 | }; 13 | 14 | return ( 15 | 23 | 44 | {showContributors && } 45 | 46 | ); 47 | }; 48 | 49 | export default Contributors; 50 | -------------------------------------------------------------------------------- /src/documentation/Documentation.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Container, Typography, useTheme } from "@mui/material"; 3 | import NavBar from "../navigation/NavBar"; 4 | import ApiListings from "./apiListings/ApiListings"; 5 | import ReferenceGuide from "./referenceGuide/ReferenceGuide"; 6 | import GettingStarted from "./Gettingstarted"; 7 | import Overview from "./Overview"; 8 | import Contributors from "./Contributors"; 9 | 10 | const Documentation = () => { 11 | const theme = useTheme(); 12 | return ( 13 | 14 | 15 | 16 | 21 | Free API List with React Project Documentation 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | ); 31 | }; 32 | 33 | export default Documentation; 34 | -------------------------------------------------------------------------------- /src/documentation/GettingStartedContent.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, Link, useTheme } from "@mui/material"; 3 | 4 | const GettingStartedContent = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 15 | 16 | Getting Started with the Free API List with React Project 17 | 18 | 19 | To start exploring and contributing to the Free API List with React 20 | project, follow these simple steps: 21 | 22 | 23 | 1. Clone the Repository: 24 |
25 | Use the following command to clone the project repository to your local 26 | machine: 27 |
28 | 29 | git clone 30 | https://github.com/curtis-thomas/free-api-list-with-react.git 31 | 32 | 33 | 34 | 2. Install Dependencies: 35 |
36 | Navigate to the project directory and install the required dependencies: 37 |
38 | npm install 39 | 40 | 41 | 3. Start the Development Server: 42 |
43 | Launch the development server to view the project in your browser: 44 |
45 | npm start 46 | 47 | 48 | For more details on contributing, please refer to the{" "} 49 | 50 | Contributing Document 51 | 52 | . 53 | 54 | 55 | If you encounter any issues or have questions, don't hesitate to reach 56 | out to the project maintainer. 57 | 58 | 59 | ); 60 | }; 61 | 62 | export default GettingStartedContent; 63 | -------------------------------------------------------------------------------- /src/documentation/Gettingstarted.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from "react"; 2 | import { Box, Typography, Button, useTheme } from "@mui/material"; 3 | import GettingStartedContent from "./GettingStartedContent"; 4 | 5 | const GettingStarted = () => { 6 | const theme = useTheme(); 7 | const [showGettingStarted, setShowGettingStarted] = useState(false); 8 | 9 | const toggleGettingStarted = () => { 10 | setShowGettingStarted(!showGettingStarted); 11 | }; 12 | 13 | return ( 14 | 22 | 43 | {showGettingStarted && } 44 | 45 | ); 46 | }; 47 | 48 | export default GettingStarted; 49 | -------------------------------------------------------------------------------- /src/documentation/apiListings/ApiListings.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from "react"; 2 | import { Box, Typography, Button, useTheme } from "@mui/material"; 3 | import ApiListingsIntroduction from "./ApiListingsIntroduction"; 4 | 5 | const ApiListings = () => { 6 | const theme = useTheme(); 7 | 8 | const [showApiListings, setShowApiListings] = useState(false); 9 | 10 | const toggleApiListings = () => { 11 | setShowApiListings(!showApiListings); 12 | }; 13 | 14 | return ( 15 | 23 | 44 | {showApiListings && } 45 | 46 | ); 47 | }; 48 | 49 | export default ApiListings; 50 | -------------------------------------------------------------------------------- /src/documentation/apiListings/ApiListingsIntroduction.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const ApiListingsIntroduction = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 15 | 16 | API Listings Introduction 17 | 18 | 19 | Welcome to the API Listings section of the Free API List with React 20 | project! Here, you'll discover a diverse range of free APIs, curated to 21 | enhance your development experience. Whether you're a beginner or an 22 | experienced developer, these listings provide valuable resources for 23 | various applications and needs. 24 | 25 | 26 | Explore APIs across different categories, learn about their 27 | functionalities, and see how they can be integrated into your projects. 28 | This section is designed to be your starting point in navigating and 29 | utilizing the rich collection of APIs we have compiled. 30 | 31 | 32 | ); 33 | }; 34 | 35 | export default ApiListingsIntroduction; 36 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/ReferenceGuide.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from "react"; 2 | import { Box, Button, Typography, useTheme } from "@mui/material"; 3 | import StylingTheming from "./stylingTheming/StylingTheming"; 4 | 5 | const ReferenceGuide = () => { 6 | const theme = useTheme(); 7 | 8 | const [showStyling, setShowStyling] = useState(false); 9 | 10 | const toggleStyling = () => { 11 | setShowStyling(!showStyling); 12 | }; 13 | 14 | return ( 15 | 23 | 46 | {showStyling && } 47 | 48 | ); 49 | }; 50 | 51 | export default ReferenceGuide; 52 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingBestPractices.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingBestPractices = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Consistency in Styling 11 | 12 | 13 | Consistency in styling is key to creating a coherent and user-friendly 14 | interface. It involves maintaining a uniform look and feel throughout 15 | the application by using a consistent color scheme, typography, and 16 | spacing, which enhances the overall user experience. 17 | 18 | 19 | 20 | Accessibility Considerations 21 | 22 | 23 | Accessibility in styling ensures that your application is usable by 24 | people with varying abilities. This includes considering color contrast, 25 | text sizes, and keyboard navigation. Following accessibility guidelines 26 | is crucial for creating an inclusive and user-centric design. 27 | 28 | 29 | 30 | Responsive Design 31 | 32 | 33 | Responsive design is essential in modern web development. It ensures 34 | that your application looks and functions well on various devices and 35 | screen sizes. This involves using flexible layouts, media queries, and 36 | adaptive images. 37 | 38 | 39 | 40 | Performance Optimization 41 | 42 | 43 | Optimizing the performance of your styling is vital for a fast and 44 | smooth user experience. This includes minimizing CSS size, reducing 45 | re-renders, and efficiently managing resources. Performance optimization 46 | contributes to quicker load times and a more responsive application. 47 | 48 | 49 | ); 50 | }; 51 | 52 | export default StylingBestPractices; 53 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingColors.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography } from "@mui/material"; 3 | 4 | const StylingColors = () => { 5 | return ( 6 | 7 | 8 | Color Palette 9 | 10 | 11 | A well-thought-out color palette is essential for creating a visually 12 | harmonious interface. Material UI provides a versatile palette system 13 | that can be customized to fit the branding and design needs of your 14 | application. 15 | 16 | 17 | 18 | Primary Color 19 | 20 | 21 | The primary color represents the most dominant visual element in your 22 | UI, often used for navigation bars, buttons, and links. It's important 23 | to choose a primary color that stands out and aligns with your brand 24 | identity. 25 | 26 | 27 | 28 | Secondary Color 29 | 30 | 31 | The secondary color provides a complementary contrast to the primary 32 | color. It is used for less prominent elements but still plays a key role 33 | in the overall color scheme. 34 | 35 | 36 | 37 | Background Colors 38 | 39 | 40 | Background colors set the tone of different sections of the UI. Material 41 | UI allows for subtle variations in background colors to delineate 42 | different areas while maintaining a cohesive look. 43 | 44 | 45 | 46 | Text Colors 47 | 48 | 49 | Text colors need to ensure sufficient contrast for readability. Material 50 | UI's color system includes options for high contrast text colors that 51 | are legible against various background shades. 52 | 53 | 54 | 55 | Accent Colors 56 | 57 | 58 | Accent colors are used to highlight key elements and actions in the UI. 59 | These colors should be used sparingly to draw attention to important 60 | features or notifications. 61 | 62 | 63 | ); 64 | }; 65 | 66 | export default StylingColors; 67 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingCustomStyling.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingCustomStyling = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Overriding Component Styles 11 | 12 | 13 | Material UI allows for easy overriding of default component styles. This 14 | flexibility enables developers to tailor the appearance of components to 15 | meet specific design requirements, ensuring that each element aligns 16 | with the overall UI design. 17 | 18 | 19 | 20 | CSS-in-JS Styling 21 | 22 | 23 | CSS-in-JS is a powerful pattern for styling components in React. 24 | Material UI supports this approach, allowing developers to define styles 25 | directly within their JavaScript code, leading to more dynamic and 26 | context-aware styling decisions. 27 | 28 | 29 | 30 | Global CSS Overrides 31 | 32 | 33 | For broader styling changes across the application, Material UI supports 34 | global CSS overrides. This feature is particularly useful for applying 35 | uniform styles, such as fonts or margins, across all components in the 36 | application. 37 | 38 | 39 | ); 40 | }; 41 | 42 | export default StylingCustomStyling; 43 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingFramework.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingFramework = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Overview of Material UI 11 | 12 | 13 | Material UI is a popular UI framework for React applications, offering a 14 | comprehensive suite of pre-designed components. It follows Material 15 | Design principles, ensuring an aesthetically pleasing and functional 16 | design that enhances user interfaces with a modern look and feel. 17 | 18 | 19 | 20 | Integration with React 21 | 22 | 23 | Material UI seamlessly integrates with React, providing a robust set of 24 | tools and components that are easy to customize and extend. This 25 | integration allows developers to quickly build elegant and responsive 26 | UIs while maintaining a consistent design language across the 27 | application. 28 | 29 | 30 | 31 | Material UI Documentation 32 | 33 | 34 | The Material UI documentation is a comprehensive guide covering all 35 | aspects of the framework, from basic usage to advanced customization. 36 | It's an invaluable resource for developers looking to understand the 37 | full potential of Material UI and how to effectively apply its 38 | components and design principles in their React projects. 39 | 40 | 41 | ); 42 | }; 43 | 44 | export default StylingFramework; 45 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingIconsGraphics.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingIconsGraphics = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Icon Libraries 11 | 12 | 13 | Icon libraries provide a vast array of symbols to enhance user interface 14 | design. Material UI integrates seamlessly with popular icon libraries, 15 | offering a wide range of icons for various UI elements and actions. 16 | 17 | 18 | 19 | Icon Usage Guidelines 20 | 21 | 22 | Proper usage of icons is key to intuitive UI design. Icons should be 23 | used consistently and be easily recognizable. Material UI guidelines 24 | suggest best practices for size, spacing, and alignment to ensure icons 25 | contribute positively to the user experience. 26 | 27 | 28 | 29 | Graphics and Illustrations 30 | 31 | 32 | Graphics and illustrations add a visual appeal to the application, 33 | making it more engaging and user-friendly. Material UI supports the 34 | integration of various graphic elements, allowing for creative and 35 | visually appealing designs that complement the UI’s overall theme. 36 | 37 | 38 | ); 39 | }; 40 | 41 | export default StylingIconsGraphics; 42 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingIntroduction.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingIntroduction = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Purpose of Styling and Theming Guidelines 11 | 12 | 13 | The styling and theming guidelines serve as a roadmap for creating a 14 | cohesive and visually appealing user interface. They ensure that all 15 | components within the application maintain a uniform look and feel, 16 | enhancing the overall user experience. 17 | 18 | 19 | 20 | Importance of Consistent Design 21 | 22 | 23 | Consistent design is crucial in building intuitive and accessible 24 | interfaces. It aids in creating a predictable and easy-to-navigate 25 | environment, which helps users quickly become familiar with the 26 | application's functionality and aesthetics. This consistency also 27 | streamlines the development process, making it easier to implement and 28 | maintain a unified design language across the project. 29 | 30 | 31 | ); 32 | }; 33 | 34 | export default StylingIntroduction; 35 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingThemingOptions.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingThemingOptions = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Custom Theming 11 | 12 | 13 | Custom theming in Material UI allows for extensive personalization of 14 | the UI. Developers can create unique themes that align with their brand 15 | identity, providing a distinct look and feel for their applications. 16 | 17 | 18 | 19 | Theming Variables 20 | 21 | 22 | Theming variables are key to building a consistent and maintainable UI. 23 | Material UI's theming system includes variables for colors, typography, 24 | spacing, and more, enabling developers to define and apply a cohesive 25 | design across the application. 26 | 27 | 28 | 29 | Dark Mode and Light Mode 30 | 31 | 32 | Material UI supports both dark mode and light mode, catering to user 33 | preferences and accessibility needs. This feature enhances user 34 | experience by providing options for different viewing conditions and 35 | personal preferences. 36 | 37 | 38 | ); 39 | }; 40 | 41 | export default StylingThemingOptions; 42 | -------------------------------------------------------------------------------- /src/documentation/referenceGuide/stylingTheming/StylingTypography.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | 4 | const StylingTypography = () => { 5 | const theme = useTheme(); 6 | 7 | return ( 8 | 9 | 10 | Font Families 11 | 12 | 13 | The choice of font families in a UI is crucial for readability and brand 14 | representation. Material UI allows for easy customization of font 15 | families to match the aesthetic and tone of your application. 16 | 17 | 18 | 19 | Font Sizes 20 | 21 | 22 | Font sizes play a key role in hierarchy and legibility. Material UI 23 | provides a scale of font sizes that can be adjusted to ensure text is 24 | clear and easily readable across various devices and screen sizes. 25 | 26 | 27 | 28 | Font Weights 29 | 30 | 31 | Font weight variations are essential for emphasizing and differentiating 32 | sections of text. Material UI supports multiple font weight options to 33 | enhance the typographic layout of your application. 34 | 35 | 36 | 37 | Text Alignment 38 | 39 | 40 | Proper text alignment is crucial for a balanced and coherent layout. 41 | Material UI offers flexibility in aligning text to match the flow and 42 | structure of the content, ensuring a professional and accessible 43 | interface. 44 | 45 | 46 | 47 | Line Heights 48 | 49 | 50 | Line height affects the readability and overall appearance of text 51 | blocks. Material UI's typography system includes adjustable line heights 52 | to optimize text for better readability and visual appeal. 53 | 54 | 55 | ); 56 | }; 57 | 58 | export default StylingTypography; 59 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom/client"; 3 | 4 | import App from "./App"; 5 | 6 | import { CssBaseline } from "@mui/material"; 7 | 8 | const root = ReactDOM.createRoot(document.getElementById("root")); 9 | root.render( 10 | 11 | 12 | 13 | 14 | ); 15 | -------------------------------------------------------------------------------- /src/navigation/Link.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Link as ReactRouterLink } from "react-router-dom"; 3 | import { Button, useTheme } from "@mui/material"; 4 | 5 | const Link = ({ label, ...props }) => { 6 | const theme = useTheme(); 7 | 8 | const formattedLabel = label[0] === "/" ? label.slice(1) : label; 9 | 10 | return ( 11 | 33 | ); 34 | }; 35 | 36 | export default Link; 37 | -------------------------------------------------------------------------------- /src/navigation/NavBar.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Toolbar, Box, Typography, useTheme } from "@mui/material"; 3 | import Link from "./Link"; 4 | 5 | const NavBar = ({ link, route2 }) => { 6 | const theme = useTheme(); 7 | 8 | return ( 9 | 16 | 17 | 23 | 24 | 25 | 33 | {link && } 34 | {route2 && ( 35 | <> 36 | 37 | ▶ 38 | 39 | 40 | 41 | )} 42 | 43 | 44 | 45 | ); 46 | }; 47 | 48 | export default NavBar; 49 | -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /src/themes/themeCobalt.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#096DC5", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#193549", 16 | }, 17 | text: { 18 | primary: "#C577C2", 19 | secondary: "#64CA9E", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeDark.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#151515", 8 | }, 9 | secondary: { 10 | light: "#000000", 11 | main: "#000000", 12 | contrastText: "#000000", 13 | }, 14 | background: { 15 | default: "#121212", 16 | }, 17 | text: { 18 | primary: "#9e9e9e", 19 | secondary: "#878787", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#000000", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#000000", 42 | backgroundColor: "#000000", 43 | borderColor: "#000000", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#000000", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeDracula.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#6FC4E2", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#282A36", 16 | }, 17 | text: { 18 | primary: "#DD6387", 19 | secondary: "#ffffff", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeGruvBox.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#FE8019", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#282828", 16 | }, 17 | text: { 18 | primary: "#D8A52E", 19 | secondary: "#88B777", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeHighContrast.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#00DFDF", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#000000", 16 | }, 17 | text: { 18 | primary: "#C2CC13", 19 | secondary: "#ffffff", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeMero.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#8CA24E", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#0A0F0B", 16 | }, 17 | text: { 18 | primary: "#91B302", 19 | secondary: "#62A97E", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeOneDark.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#8EB573", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#282C34", 16 | }, 17 | text: { 18 | primary: "#C6A86F", 19 | secondary: "#DF6D74", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeRadical.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#DCBF42", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#0D1117", 16 | }, 17 | text: { 18 | primary: "#D83B7D", 19 | secondary: "#99E5E0", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeSynthwave.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#EF8539", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#2B213A", 16 | }, 17 | text: { 18 | primary: "#C5C9D0", 19 | secondary: "#E5289E", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/themes/themeTokyoNight.js: -------------------------------------------------------------------------------- 1 | import { createTheme } from "@mui/material/styles"; 2 | 3 | // Create a custom theme using the createTheme function from MUI (Material-UI) 4 | const theme = createTheme({ 5 | palette: { 6 | primary: { 7 | main: "#0077ba", 8 | }, 9 | secondary: { 10 | light: "#BF91F3", 11 | main: "#00bcd4", 12 | contrastText: "#ffffff", 13 | }, 14 | background: { 15 | default: "#1A1B27", 16 | }, 17 | text: { 18 | primary: "#638FDA", 19 | secondary: "#38BDAE", 20 | }, 21 | }, 22 | typography: { 23 | common: { 24 | color: "#373d3f", 25 | }, 26 | body1: {}, 27 | h1: {}, 28 | h2: {}, 29 | h3: {}, 30 | h4: {}, 31 | h5: {}, 32 | h6: {}, 33 | }, 34 | components: { 35 | MuiButton: { 36 | styleOverrides: { 37 | root: { 38 | textTransform: "none", 39 | borderRadius: 0, 40 | padding: "8px 16px", 41 | color: "#0077ba", 42 | backgroundColor: "#ffffff", 43 | borderColor: "#0077ba", 44 | }, 45 | }, 46 | }, 47 | MuiAppBar: { 48 | styleOverrides: { 49 | root: { 50 | backgroundColor: "#bbb", 51 | }, 52 | }, 53 | }, 54 | }, 55 | }); 56 | 57 | export default theme; // Export the custom theme 58 | -------------------------------------------------------------------------------- /src/tools/Tools.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { Box, Typography, useTheme } from "@mui/material"; 3 | import NavBar from "../navigation/NavBar"; 4 | import BoxTestCrud from "./components/BoxTestCrud"; 5 | import AdvancedBoxTestCrud from "./components/AdvancedBoxTestCrud"; 6 | import BoxTestImg from "./components/BoxTestImg"; 7 | 8 | const Tools = () => { 9 | const theme = useTheme(); 10 | 11 | return ( 12 | 18 | 19 | 20 | 21 | 22 | CRUD Testing 23 | 24 | 25 | 26 | 27 | 28 | Advanced CRUD Testing 29 | 30 | {" "} 31 | 32 | 33 | 34 | 35 | 36 | IMG Testing 37 | 38 | 39 | 40 | 41 | 42 | ); 43 | }; 44 | 45 | export default Tools; 46 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | // webpack.config.js 2 | module.exports = { 3 | module: { 4 | rules: [ 5 | { 6 | test: /\.js$/, 7 | exclude: /node_modules/, 8 | use: { 9 | loader: 'babel-loader', 10 | options: { 11 | presets: ['@babel/preset-env'], 12 | plugins: ['@babel/plugin-proposal-class-properties'] 13 | } 14 | } 15 | } 16 | ] 17 | } 18 | }; 19 | --------------------------------------------------------------------------------