{"id":27116659,"url":"https://github.com/devphenom/uri-hashtag-insights","last_synced_at":"2025-09-07T14:13:09.902Z","repository":{"id":286481971,"uuid":"961447320","full_name":"devphenom/uri-hashtag-insights","owner":"devphenom","description":null,"archived":false,"fork":false,"pushed_at":"2025-04-06T21:01:26.000Z","size":3249,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T22:42:59.422Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://uri-hashtag-insights.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devphenom.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-04-06T14:44:43.000Z","updated_at":"2025-04-06T21:06:12.000Z","dependencies_parsed_at":"2025-04-06T19:20:09.889Z","dependency_job_id":null,"html_url":"https://github.com/devphenom/uri-hashtag-insights","commit_stats":null,"previous_names":["devphenom/uri-hashtag-insights"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/devphenom/uri-hashtag-insights","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devphenom%2Furi-hashtag-insights","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devphenom%2Furi-hashtag-insights/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devphenom%2Furi-hashtag-insights/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devphenom%2Furi-hashtag-insights/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devphenom","download_url":"https://codeload.github.com/devphenom/uri-hashtag-insights/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devphenom%2Furi-hashtag-insights/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274046000,"owners_count":25212982,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-07T02:00:09.463Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-04-07T05:43:17.935Z","updated_at":"2025-09-07T14:13:09.880Z","avatar_url":"https://github.com/devphenom.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hashtag Sentiment Insights\n\nA Next.js application for analyzing social media sentiment trends for any hashtag. Built with Material UI, TypeScript, and @mui/x-charts.\n\n![Homepage](/public/images/landing-light.png)\n\n## Overview\n\nThis project allows users to:\n\n- Search for hashtags to analyze their sentiment trends\n- View interactive charts showing sentiment data over time\n- Toggle between light and dark mode\n- Browse trending hashtags\n\n## Features\n\n- **Dynamic Routes**: Using Next.js dynamic routing at `/insights/[hashtag]`\n- **Interactive Charts**: Visualizing sentiment trends with @mui/x-charts\n- **Responsive Design**: Fully responsive UI that works on all device sizes\n- **Dark Mode Support**: Theme toggle with persistent preferences\n- **Optimized Performance**:\n  - Data fetching with SWR for caching and revalidation\n  - React.memo, useMemo, and useCallback for render optimization\n  - Dynamic imports for code splitting\n\n## Technology Stack\n\n- **Frontend**: Next.js 15 with TypeScript\n- **UI Library**: Material UI v7\n- **Data Visualization**: @mui/x-charts\n- **Data Fetching**: SWR with custom hooks\n- **Styling**: MUI theming system with responsive design\n\n## Implementation Details\n\nThe application follows a well-structured architecture:\n\n- **API Routes**: Mock API endpoints for simulating hashtag trend data\n- **Components**: Reusable UI components with proper memoization\n- **Hooks**: Custom hooks for data fetching and business logic\n- **Theme**: Centralized theme configuration with dark mode support\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n## Approach\n\n1. Created a responsive homepage with hashtag search functionality\n2. Implemented dynamic routing for hashtag insights pages\n3. Added a mock API endpoint to simulate data fetching\n4. Built custom hooks using SWR for efficient data fetching\n5. Created interactive charts with proper memoization\n6. Implemented dark mode theme toggle\n7. Optimized for all device sizes with responsive design\n\n## Screenshots\n\n![Homepage](/public/images/landing-light.png)\n![Homepage DarkMode](/public/images/landing-dark.png)\n![Insights Page](/public/images/insight-light.png)\n![Insights Page DarkMode](/public/images/insight-dark.png)\n\n## Time Spent\n\nApproximately 2 hours developing the core functionality, with additional time spent on:\n\n- Performance optimizations\n- UI polish and responsive design\n- Dark mode implementation\n- Adding interactive features\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevphenom%2Furi-hashtag-insights","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevphenom%2Furi-hashtag-insights","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevphenom%2Furi-hashtag-insights/lists"}