8 | 
9 | 
10 | 
11 |
7 |
14 | A curated collection of essential tools for Android development
15 | Discover tools that can significantly improve your workflow when building, testing, and optimizing Android apps.
16 |
Redirecting to the home page...
30 | 31 | -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yogeshpaliyal/awesome-android-tooling/890a7f7675792b0a16a52b19b6ab383220d536b3/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yogeshpaliyal/awesome-android-tooling/890a7f7675792b0a16a52b19b6ab383220d536b3/public/favicon-96x96.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yogeshpaliyal/awesome-android-tooling/890a7f7675792b0a16a52b19b6ab383220d536b3/public/favicon.ico -------------------------------------------------------------------------------- /public/site.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "name": "MyWebSite", 3 | "short_name": "MySite", 4 | "icons": [ 5 | { 6 | "src": "/web-app-manifest-192x192.png", 7 | "sizes": "192x192", 8 | "type": "image/png", 9 | "purpose": "maskable" 10 | }, 11 | { 12 | "src": "/web-app-manifest-512x512.png", 13 | "sizes": "512x512", 14 | "type": "image/png", 15 | "purpose": "maskable" 16 | } 17 | ], 18 | "theme_color": "#ffffff", 19 | "background_color": "#ffffff", 20 | "display": "standalone" 21 | } -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/web-app-manifest-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yogeshpaliyal/awesome-android-tooling/890a7f7675792b0a16a52b19b6ab383220d536b3/public/web-app-manifest-192x192.png -------------------------------------------------------------------------------- /public/web-app-manifest-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yogeshpaliyal/awesome-android-tooling/890a7f7675792b0a16a52b19b6ab383220d536b3/public/web-app-manifest-512x512.png -------------------------------------------------------------------------------- /scripts/breakdown.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import path from 'path'; 3 | import { fileURLToPath } from 'url'; 4 | 5 | // Get directory name in ES modules 6 | const __filename = fileURLToPath(import.meta.url); 7 | const __dirname = path.dirname(__filename); 8 | 9 | // Define paths 10 | const rootDir = path.resolve(__dirname, '..'); 11 | const dataJsonPath = path.join(rootDir, 'src', 'data.json'); 12 | const outputDir = path.join(rootDir, 'data'); 13 | 14 | // Create data directory if it doesn't exist 15 | if (!fs.existsSync(outputDir)) { 16 | fs.mkdirSync(outputDir, { recursive: true }); 17 | console.log(`Created directory: ${outputDir}`); 18 | } 19 | 20 | // Read the data.json file 21 | const rawData = fs.readFileSync(dataJsonPath, 'utf8'); 22 | // Remove comment line if present 23 | const cleanData = rawData.replace(/^\s*\/\/.*$/m, ''); 24 | const dataJson = JSON.parse(cleanData); 25 | const tools = dataJson.tools; 26 | 27 | // Create a file for each tool 28 | tools.forEach((tool, index) => { 29 | // Create a filename based on the tool name 30 | const fileName = tool.name 31 | .toLowerCase() 32 | .replace(/[^a-z0-9]+/g, '-') // Replace non-alphanumeric chars with hyphen 33 | .replace(/-+/g, '-') // Replace multiple hyphens with a single one 34 | .replace(/^-|-$/g, ''); // Remove leading/trailing hyphens 35 | 36 | // Create the file path 37 | const filePath = path.join(outputDir, `${fileName}.json`); 38 | 39 | // Write the individual tool to a JSON file 40 | fs.writeFileSync(filePath, JSON.stringify(tool, null, 2)); 41 | 42 | console.log(`Created: ${filePath}`); 43 | }); 44 | 45 | 46 | console.log(`\nTotal files created: ${tools.length + 1}`); 47 | -------------------------------------------------------------------------------- /scripts/merge.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import path from 'path'; 3 | import { fileURLToPath } from 'url'; 4 | import fetch from 'node-fetch'; 5 | 6 | // Get directory name in ES modules 7 | const __filename = fileURLToPath(import.meta.url); 8 | const __dirname = path.dirname(__filename); 9 | 10 | // Define paths 11 | const rootDir = path.resolve(__dirname, '..'); 12 | const dataDir = path.join(rootDir, 'data'); 13 | const outputFile = path.join(rootDir, 'src', 'data.json'); 14 | 15 | // Helper function to extract GitHub info from URL 16 | function extractGitHubInfo(url) { 17 | if (!url || !url.includes('github.com')) return null; 18 | 19 | try { 20 | const urlObj = new URL(url); 21 | if (urlObj.hostname !== 'github.com') return null; 22 | 23 | const path = urlObj.pathname.replace(/^\/|\/$/g, ''); 24 | const [owner, repo] = path.split('/'); 25 | 26 | if (!owner || !repo) return null; 27 | 28 | return { owner, repo }; 29 | } catch (e) { 30 | return null; 31 | } 32 | } 33 | 34 | // Function to fetch GitHub repository data 35 | export async function fetchGitHubRepoData(url) { 36 | try { 37 | const repoInfo = extractGitHubInfo(url); 38 | if (!repoInfo) return null; 39 | 40 | const { owner, repo } = repoInfo; 41 | 42 | // Add a small random delay to avoid hitting rate limits 43 | await new Promise(resolve => setTimeout(resolve, 500 + Math.random() * 500)); 44 | 45 | console.log(`Fetching GitHub data for ${owner}/${repo}...`); 46 | const response = await fetch(`https://api.github.com/repos/${owner}/${repo}`); 47 | 48 | if (!response.ok) { 49 | if (response.status === 403) { 50 | console.warn('GitHub API rate limit exceeded'); 51 | } 52 | console.error(`Error fetching data for ${owner}/${repo}: HTTP ${response.status}`); 53 | return null; 54 | } 55 | 56 | const data = await response.json(); 57 | 58 | return { 59 | authorName: data.owner?.login || owner, 60 | authorLink: data.owner?.html_url || `https://github.com/${owner}`, 61 | stars: data.stargazers_count || 0, 62 | forks: data.forks_count || 0 63 | }; 64 | } catch (error) { 65 | console.error('Error fetching GitHub repo data:', error); 66 | return null; 67 | } 68 | } 69 | 70 | // Read the index.json file to get all tool files 71 | console.log('Reading index.json...'); 72 | const indexPath = path.join(dataDir, 'index.json'); 73 | const indexExists = fs.existsSync(indexPath); 74 | 75 | let toolFiles = []; 76 | 77 | if (indexExists) { 78 | // Use index.json as a guide if it exists 79 | const indexData = JSON.parse(fs.readFileSync(indexPath, 'utf8')); 80 | toolFiles = indexData.tools.map(tool => tool.file); 81 | console.log(`Found ${toolFiles.length} tools in index.json`); 82 | } else { 83 | // Otherwise read all .json files in the directory (except index.json) 84 | console.log('Index file not found, reading all JSON files in the directory...'); 85 | toolFiles = fs.readdirSync(dataDir) 86 | .filter(file => file.endsWith('.json') && file !== 'index.json' && file !== '_template.json'); 87 | console.log(`Found ${toolFiles.length} JSON files in directory`); 88 | } 89 | 90 | // Read each tool file and combine them 91 | const tools = []; 92 | for (const file of toolFiles) { 93 | try { 94 | const filePath = path.join(dataDir, file); 95 | const fileData = fs.readFileSync(filePath, 'utf8'); 96 | const toolData = JSON.parse(fileData); 97 | tools.push(toolData); 98 | console.log(`Added: ${toolData.name}`); 99 | } catch (error) { 100 | console.error(`Error reading file ${file}:`, error.message); 101 | } 102 | } 103 | 104 | // Fetch GitHub data for tools that don't have author information 105 | async function enrichToolsWithGitHubData() { 106 | console.log('\nEnriching tools with GitHub data...'); 107 | 108 | for (let i = 0; i < tools.length; i++) { 109 | const tool = tools[i]; 110 | 111 | // Skip if both authorName and authorLink are already provided 112 | if (tool.authorName && tool.authorLink) { 113 | console.log(`${tool.name}: Author info already present (${tool.authorName})`); 114 | continue; 115 | } 116 | 117 | // Check if tool URL is from GitHub 118 | if (tool.link && tool.link.includes('github.com')) { 119 | console.log(`${tool.name}: Fetching author data from GitHub...`); 120 | const gitHubData = await fetchGitHubRepoData(tool.link); 121 | 122 | if (gitHubData) { 123 | // Add author information to the tool 124 | tool.authorName = tool.authorName || gitHubData.authorName; 125 | tool.authorLink = tool.authorLink || gitHubData.authorLink; 126 | console.log(`${tool.name}: Added author info - ${tool.authorName}`); 127 | } else { 128 | console.log(`${tool.name}: Unable to fetch GitHub data`); 129 | } 130 | } else { 131 | console.log(`${tool.name}: Not a GitHub URL, skipping`); 132 | } 133 | } 134 | } 135 | 136 | // Sort tools alphabetically by name 137 | tools.sort((a, b) => a.name.localeCompare(b.name)); 138 | 139 | // Run async function to fetch GitHub data and then save combined data 140 | (async function() { 141 | try { 142 | await enrichToolsWithGitHubData(); 143 | 144 | // Create the final data structure 145 | const finalData = { 146 | tools: tools 147 | }; 148 | 149 | // Write the combined data to src/data.json 150 | fs.writeFileSync(outputFile, JSON.stringify(finalData, null, 2)); 151 | console.log(`\nCreated combined file: ${outputFile}`); 152 | console.log(`Total tools merged: ${tools.length}`); 153 | } catch (error) { 154 | console.error('Error during GitHub data enrichment:', error); 155 | } 156 | })(); -------------------------------------------------------------------------------- /scripts/update-authors.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import path from 'path'; 3 | import { fileURLToPath } from 'url'; 4 | import { fetchGitHubRepoData } from './merge.js'; // Import the function to fetch GitHub data 5 | 6 | // Get directory name in ES modules 7 | const __filename = fileURLToPath(import.meta.url); 8 | const __dirname = path.dirname(__filename); 9 | 10 | // Define paths 11 | const rootDir = path.resolve(__dirname, '..'); 12 | const dataDir = path.join(rootDir, 'data'); 13 | 14 | // Get all JSON files in the data directory (excluding index.json and _template.json) 15 | const jsonFiles = fs.readdirSync(dataDir) 16 | .filter(file => file.endsWith('.json') && file !== 'index.json' && file !== '_template.json'); 17 | 18 | console.log(`Found ${jsonFiles.length} JSON files in the data directory`); 19 | 20 | // Function to update a single JSON file with author information 21 | async function updateFileWithAuthorInfo(filePath) { 22 | try { 23 | // Read and parse the file 24 | const fileContent = fs.readFileSync(filePath, 'utf8'); 25 | const data = JSON.parse(fileContent); 26 | const fileName = path.basename(filePath); 27 | 28 | // Skip if both authorName and authorLink are already provided 29 | if (data.authorName && data.authorLink) { 30 | console.log(`${data.name}: Author info already present (${data.authorName})`); 31 | return false; // No update needed 32 | } 33 | 34 | // Check if tool URL is from GitHub 35 | if (data.link && data.link.includes('github.com')) { 36 | console.log(`${data.name}: Fetching author data from GitHub...`); 37 | const gitHubData = await fetchGitHubRepoData(data.link); 38 | 39 | if (gitHubData) { 40 | // Add author information to the tool 41 | data.authorName = data.authorName || gitHubData.authorName; 42 | data.authorLink = data.authorLink || gitHubData.authorLink; 43 | 44 | // Write the updated data back to the file 45 | fs.writeFileSync(filePath, JSON.stringify(data, null, 2)); 46 | 47 | console.log(`${data.name}: Updated with author info - ${data.authorName}`); 48 | return true; // Update successful 49 | } else { 50 | console.log(`${data.name}: Unable to fetch GitHub data`); 51 | } 52 | } else { 53 | console.log(`${data.name}: Not a GitHub URL, skipping`); 54 | } 55 | 56 | return false; // No update made 57 | } catch (error) { 58 | console.error(`Error updating file ${filePath}:`, error); 59 | return false; 60 | } 61 | } 62 | 63 | // Process all JSON files 64 | async function updateAllFiles() { 65 | console.log('\nUpdating JSON files with missing author information...'); 66 | 67 | let updatedCount = 0; 68 | let notUpdatedCount = 0; 69 | 70 | for (const file of jsonFiles) { 71 | const filePath = path.join(dataDir, file); 72 | const updated = await updateFileWithAuthorInfo(filePath); 73 | 74 | if (updated) { 75 | updatedCount++; 76 | } else { 77 | notUpdatedCount++; 78 | } 79 | } 80 | 81 | console.log('\nUpdate Summary:'); 82 | console.log(`Files updated: ${updatedCount}`); 83 | console.log(`Files not needing updates: ${notUpdatedCount}`); 84 | console.log(`Total files processed: ${jsonFiles.length}`); 85 | } 86 | 87 | // Run the update function 88 | updateAllFiles().catch(error => { 89 | console.error('Error during update process:', error); 90 | process.exit(1); 91 | }); -------------------------------------------------------------------------------- /scripts/validate.js: -------------------------------------------------------------------------------- 1 | import fs from 'fs'; 2 | import path from 'path'; 3 | import { fileURLToPath } from 'url'; 4 | import Ajv from 'ajv'; 5 | import addFormats from 'ajv-formats'; 6 | 7 | // Get directory name in ES modules 8 | const __filename = fileURLToPath(import.meta.url); 9 | const __dirname = path.dirname(__filename); 10 | 11 | // Define paths 12 | const rootDir = path.resolve(__dirname, '..'); 13 | const dataDir = path.join(rootDir, 'data'); 14 | 15 | // JSON Schema for tool validation 16 | const toolSchema = { 17 | type: 'object', 18 | required: ['name', 'description', 'link', 'tags'], 19 | properties: { 20 | name: { type: 'string', minLength: 1 }, 21 | description: { type: 'string', minLength: 10 }, 22 | link: { 23 | type: 'string', 24 | // Use pattern instead of format for URL validation 25 | pattern: '^https?://[\\w.-]+(\\.[\\w.-]+)+([\\w.,@?^=%&:/~+#-]*[\\w@?^=%&/~+#-])?$' 26 | }, 27 | authorName: { type: 'string' }, 28 | authorLink: { 29 | type: 'string', 30 | pattern: '^https?://[\\w.-]+(\\.[\\w.-]+)+([\\w.,@?^=%&:/~+#-]*[\\w@?^=%&/~+#-])?$' 31 | }, 32 | tags: { 33 | type: 'array', 34 | minItems: 1, 35 | items: { type: 'string', minLength: 1 } 36 | } 37 | }, 38 | additionalProperties: false 39 | }; 40 | 41 | // Initialize Ajv 42 | const ajv = new Ajv({ allErrors: true }); 43 | // Add format support (optional, since we're using pattern) 44 | addFormats(ajv); 45 | const validate = ajv.compile(toolSchema); 46 | 47 | // Function to validate a JSON file 48 | function validateJsonFile(filePath) { 49 | try { 50 | // Read and parse the file 51 | const fileContent = fs.readFileSync(filePath, 'utf8'); 52 | const data = JSON.parse(fileContent); 53 | 54 | // Basic URL validation (as a fallback) 55 | if (!data.link.startsWith('http://') && !data.link.startsWith('https://')) { 56 | console.error(`\x1b[31m❌ Validation failed for ${path.basename(filePath)}:\x1b[0m`); 57 | console.error(` - /link must start with http:// or https://`); 58 | return false; 59 | } 60 | 61 | // Validate against schema 62 | const valid = validate(data); 63 | 64 | if (!valid) { 65 | console.error(`\x1b[31m❌ Validation failed for ${path.basename(filePath)}:\x1b[0m`); 66 | validate.errors.forEach(error => { 67 | console.error(` - ${error.instancePath} ${error.message}`); 68 | }); 69 | return false; 70 | } 71 | 72 | return true; 73 | } catch (error) { 74 | console.error(`\x1b[31m❌ Error processing ${path.basename(filePath)}: ${error.message}\x1b[0m`); 75 | return false; 76 | } 77 | } 78 | 79 | // Main validation function 80 | async function validateAllFiles() { 81 | // Check if data directory exists 82 | if (!fs.existsSync(dataDir)) { 83 | console.error('\x1b[31m❌ Data directory not found!\x1b[0m'); 84 | process.exit(1); 85 | } 86 | 87 | // Get all JSON files except index.json 88 | const files = fs.readdirSync(dataDir) 89 | .filter(file => file.endsWith('.json') && file !== 'index.json' && file !== '_template.json') 90 | .map(file => path.join(dataDir, file)); 91 | 92 | console.log(`\x1b[36mValidating ${files.length} JSON files in data directory...\x1b[0m\n`); 93 | 94 | // Validate each file 95 | let validCount = 0; 96 | let invalidCount = 0; 97 | 98 | for (const file of files) { 99 | const isValid = validateJsonFile(file); 100 | if (isValid) { 101 | validCount++; 102 | console.log(`\x1b[32m✅ ${path.basename(file)} is valid\x1b[0m`); 103 | } else { 104 | invalidCount++; 105 | } 106 | } 107 | 108 | // Special validation for index.json if it exists 109 | const indexPath = path.join(dataDir, 'index.json'); 110 | if (fs.existsSync(indexPath)) { 111 | try { 112 | const indexContent = fs.readFileSync(indexPath, 'utf8'); 113 | JSON.parse(indexContent); // Just check if it's valid JSON 114 | console.log('\x1b[32m✅ index.json is valid JSON\x1b[0m'); 115 | } catch (error) { 116 | console.error(`\x1b[31m❌ Error with index.json: ${error.message}\x1b[0m`); 117 | invalidCount++; 118 | } 119 | } 120 | 121 | // Summary 122 | console.log('\n\x1b[36mValidation Summary:\x1b[0m'); 123 | console.log(`\x1b[32m✅ Valid files: ${validCount}\x1b[0m`); 124 | if (invalidCount > 0) { 125 | console.log(`\x1b[31m❌ Invalid files: ${invalidCount}\x1b[0m`); 126 | process.exit(1); // Exit with error code 127 | } else { 128 | console.log('\x1b[32m✅ All JSON files are valid!\x1b[0m'); 129 | } 130 | } 131 | 132 | // Run validation 133 | validateAllFiles().catch(error => { 134 | console.error(error); 135 | process.exit(1); 136 | }); -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | /* This file is kept minimal as we're using Tailwind CSS for styling */ 2 | 3 | /* Only keeping transitions for dark mode that aren't easily handled by Tailwind */ 4 | .transition-mode { 5 | transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; 6 | } 7 | -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- 1 | import { useState, useEffect, useRef } from 'react' 2 | import './App.css' 3 | import { SearchBar } from './components/ui/search-bar' 4 | import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/ui/card' 5 | import { Footer } from './components/ui/footer' 6 | import { Pagination } from './components/ui/pagination' 7 | import { MasonryGrid } from './components/ui/masonry-grid' 8 | import { Header } from './components/ui/header' 9 | import { GitHubStats } from './components/ui/github-stats' 10 | import { FloatingActionButton } from './components/ui/floating-action-button' 11 | import { ToolOfTheDay } from './components/ui/tool-of-the-day' 12 | import { getToolOfTheDay } from './lib/utils' 13 | 14 | // Define type for the tools 15 | interface Tool { 16 | name: string; 17 | description: string; 18 | link: string; 19 | tags: string[]; 20 | author?: string; // Optional author field 21 | authorName?: string; // GitHub author name 22 | authorLink?: string; // GitHub author profile link 23 | } 24 | 25 | interface ToolsData { 26 | tools: Tool[]; 27 | } 28 | 29 | // Array of pastel background colors for cards 30 | const pastelColors = [ 31 | 'bg-card-pastel-green', 32 | 'bg-card-pastel-blue', 33 | 'bg-card-pastel-yellow', 34 | 'bg-card-pastel-purple', 35 | 'bg-card-pastel-red', 36 | 'bg-card-pastel-indigo', 37 | 'bg-card-pastel-cyan', 38 | 'bg-card-pastel-teal', 39 | 'bg-card-pastel-lime', 40 | 'bg-card-pastel-orange', 41 | ]; 42 | 43 | // Function to get a random pastel color 44 | const getRandomPastelColor = () => { 45 | const randomIndex = Math.floor(Math.random() * pastelColors.length); 46 | return pastelColors[randomIndex]; 47 | }; 48 | 49 | // Function to update URL query parameters 50 | const updateUrlWithTag = (tag: string | null) => { 51 | const url = new URL(window.location.href); 52 | 53 | if (tag) { 54 | url.searchParams.set('tag', tag); 55 | } else { 56 | url.searchParams.delete('tag'); 57 | } 58 | 59 | window.history.pushState({}, '', url); 60 | }; 61 | 62 | // Function to get tag from URL query parameters 63 | const getTagFromUrl = (): string | null => { 64 | const params = new URLSearchParams(window.location.search); 65 | return params.get('tag'); 66 | }; 67 | 68 | function App() { 69 | const [tools, setTools] = useState284 | A curated list of tools that can be helpful building, testing, and optimizing your Android apps. 285 |
286 |No tools found matching your search criteria. Try adjusting your search or filters.
432 | {searchTerm || selectedTag ? ( 433 | 439 | ) : null} 440 |