{"id":25402360,"url":"https://github.com/gmartins-dev/fintech-dashboard","last_synced_at":"2026-01-24T17:01:37.931Z","repository":{"id":276771218,"uuid":"925893552","full_name":"gmartins-dev/fintech-dashboard","owner":"gmartins-dev","description":"A modern, responsive financial portfolio dashboard built with Next.js, TypeScript, and Recharts.","archived":false,"fork":false,"pushed_at":"2025-02-10T10:09:41.000Z","size":694,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T12:59:28.696Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fintech-dashboard-umber.vercel.app","language":"HTML","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/gmartins-dev.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-02-02T01:55:42.000Z","updated_at":"2025-02-10T10:09:45.000Z","dependencies_parsed_at":"2025-02-10T11:24:11.561Z","dependency_job_id":"064ea441-d047-4693-ada3-cb039f565678","html_url":"https://github.com/gmartins-dev/fintech-dashboard","commit_stats":null,"previous_names":["gmartins-dev/fintech-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gmartins-dev/fintech-dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gmartins-dev%2Ffintech-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gmartins-dev%2Ffintech-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gmartins-dev%2Ffintech-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gmartins-dev%2Ffintech-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gmartins-dev","download_url":"https://codeload.github.com/gmartins-dev/fintech-dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gmartins-dev%2Ffintech-dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28732216,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T10:24:43.181Z","status":"ssl_error","status_checked_at":"2026-01-24T10:24:36.112Z","response_time":89,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-16T01:35:00.203Z","updated_at":"2026-01-24T17:01:37.914Z","avatar_url":"https://github.com/gmartins-dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# My Wallet - Financial Dashboard\n\nA modern, responsive financial portfolio dashboard built with Next.js 14, featuring real-time portfolio visualization, theme support, and a clean, professional UI.\n\n## Live Demo\n\n[https://fintech-dashboard-umber.vercel.app/](https://fintech-dashboard-umber.vercel.app/)\n\nDemo Credentials\n```\nUsername: demo\nPassword: demo\n```\n\n## Key Features\n\n- 📊 Interactive Charts\n  - Portfolio allocation donut chart with asset/type toggle\n  - Historical performance line chart with time range selection\n  - Responsive and theme-aware visualizations\n  - Real-time data updates\n\n- 💼 Portfolio Management\n  - Detailed positions table\n  - Asset breakdown by type\n  - Currency-formatted values\n  - Comprehensive portfolio overview\n\n- 🎨 Modern UI/UX\n  - Light/Dark theme with system detection\n  - Smooth transitions and animations\n  - Responsive design for all devices\n  - Loading states with skeletons\n  - Custom tooltips and interactions\n\n- 🔒 Security \u0026 Authentication\n  - Protected routes with middleware\n  - Session management\n  - Secure cookie handling\n  - Mock authentication system\n\n## Tech Stack\n\n- **Framework**: Next.js 14 (using App Router)\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS with CSS Variables\n- **Components**:\n  - Shadcn/UI for base components\n  - Recharts for data visualization\n  - Custom themed components\n- **Authentication**: Localstorage using custom middleware with cookies\n- **State Management**: React hooks and context\n- **Development**:\n  - ESLint for code quality\n  - Jest for testing\n  - Prettier for code formatting\n\n## Getting Started (Local Setup)\n\n1. Clone and install:\n```bash\ngit clone https://github.com/yourusername/fintech-dashboard.git\ncd fintech-dashboard\nnpm install\n```\n\n2. Run the development server:\n```bash\nnpm run dev\n```\n\n3. Open [http://localhost:3000](http://localhost:3000)\n\n## Project Structure\n\n```\nsrc/\n├── app/                    # Next.js app router pages\n│   ├── (auth)/            # Authentication routes\n│   ├── (dashboard)/       # Protected dashboard routes\n│   └── layout.tsx         # Root layout\n├── components/\n│   ├── charts/            # Chart components\n│   ├── dashboard/         # Dashboard specific components\n│   ├── ui/                # Base UI components\n│   └── skeletons/         # Loading states\n├── lib/\n│   ├── utils.ts           # Utility functions\n│   └── constants.ts       # Global constants\n├── styles/                # Global styles\n├── types/                 # TypeScript definitions\n└── test/                  # Test utilities\n```\n\n## Available Scripts\n\n```bash\n# Development\nnpm run dev          # Start development server\nnpm run build        # Build production bundle\nnpm run start        # Run production server\nnpm run lint         # Run ESLint\n\n# Testing\nnpm test                  # Run all tests\nnpm run test:watch        # Watch mode\nnpm run test:unit         # Unit tests only\nnpm run test:integration  # Integration tests only\nnpm run test:e2e          # E2E tests\n```\n\n## Features in Detail\n\n### Theme System\n- System preference detection\n- Manual theme toggle\n- Persistent theme selection\n- CSS variables for consistent styling\n- Smooth theme transitions\n\n### Charts\n- Interactive data visualization\n- Theme-aware colors and styling\n- Custom tooltips\n- Responsive layouts\n- Loading states\n\n### Authentication\n- Protected routes\n- Session management\n- Mock API integration\n- Login/Logout functionality\n\n### Performance\n- Component-level code splitting\n- Optimized bundle size\n- Efficient re-renders\n- Loading state management\n\n## Development\n\n```bash\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Run tests\nnpm test\n\n# Lint code\nnpm run lint\n```\n\n## Testing\n\nThe project implements a comprehensive testing strategy:\n\n### Unit \u0026 Integration Tests\n- Jest and React Testing Library\n- Component testing\n- Custom hook testing\n- Utils and helpers testing\n- Mock service workers for API testing\n\n### E2E Tests\n- Playwright for end-to-end testing\n- Critical user flows covered\n- Cross-browser testing\n- Mobile responsive testing\n\n### Running Tests\n\n```bash\n# Run all tests\nnpm test\n\n# Run unit tests\nnpm run test:unit\n\n# Run integration tests\nnpm run test:integration\n\n# Run E2E tests\nnpm run test:e2e\n\n# Run tests in watch mode\nnpm run test:watch\n```\n\n\n## License\n\nMIT License - feel free to use this project as a template or inspiration for your own dashboard!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgmartins-dev%2Ffintech-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgmartins-dev%2Ffintech-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgmartins-dev%2Ffintech-dashboard/lists"}