{"id":23532555,"url":"https://github.com/frau-azadeh/finance-bourse","last_synced_at":"2025-05-14T16:19:26.830Z","repository":{"id":269537829,"uuid":"907715070","full_name":"frau-azadeh/finance-bourse","owner":"frau-azadeh","description":"Finance-Bourse","archived":false,"fork":false,"pushed_at":"2025-03-02T09:15:03.000Z","size":2880,"stargazers_count":15,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-14T16:19:14.561Z","etag":null,"topics":["api","nextjs14","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/frau-azadeh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-24T08:04:33.000Z","updated_at":"2025-04-08T14:23:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"41334daa-4db4-44ad-bfbc-dbd2a089af00","html_url":"https://github.com/frau-azadeh/finance-bourse","commit_stats":null,"previous_names":["frau-azadeh/finance-bourse"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frau-azadeh%2Ffinance-bourse","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frau-azadeh%2Ffinance-bourse/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frau-azadeh%2Ffinance-bourse/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frau-azadeh%2Ffinance-bourse/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frau-azadeh","download_url":"https://codeload.github.com/frau-azadeh/finance-bourse/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254179900,"owners_count":22027884,"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","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":["api","nextjs14","tailwindcss","typescript"],"created_at":"2024-12-25T23:11:34.601Z","updated_at":"2025-05-14T16:19:26.805Z","avatar_url":"https://github.com/frau-azadeh.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Finance Dashboard\n\nA responsive and visually appealing Finance Dashboard to display financial data, industry trends, and dynamic charts. Built using modern web technologies, this project is optimized for both functionality and user experience.\n\n## 📸 Screenshot\n\n### 💻 Dashboard View\nA clean and detailed dashboard to monitor financial data and market trends:\n\n![Dashboard View](https://github.com/frau-azadeh/finance-bourse/blob/master/dashboard.png)\n\n---\n\n## Features\n\n📊 Dynamic Charts: Interactive bar and donut charts using Chart.js.\n\n📋 Data Table: Searchable, paginated, and responsive.\n\n🌗 Theme Switcher: Toggle between light and dark mode.\n\n📱 Responsive Design: Optimized for all screen sizes.\n\n🧭 Sidebar Navigation: Hamburger menu for mobile and a full-height sidebar for desktop.\n\n📈 Industry Metrics: Highlight key data with highest positive and negative changes.\n\n## Frontend\n\n⚛️ React: JavaScript library for building user interfaces.\n\n🛠️ TypeScript: Typed superset of JavaScript.\n\n🎨 Tailwind CSS: Utility-first CSS framework.\n\n📊 Chart.js: For visualizing data.\n\n🌟 React Icons: Icon library for financial icons.\n\n## Backend\n\n🚀 Express.js: Node.js web framework.\n\n🗄️ JSON Data: Simulates API responses.\n\n## Installation\n\nClone the repository:\n\ngit clone https://github.com/frau-azadeh/finance-dashboard.git\ncd finance-dashboard\n\nInstall dependencies:\n\nnpm install\n\nStart the development server:\n\nnpm run dev\n\nStart the backend server:\n\nnpm run server\n\nOpen the app:\nNavigate to http://localhost:3000 in your browser.\n\n## Folder Structure\n\nfinance-dashboard/\n├── public/\n├── src/\n│ ├── components/\n│ │ ├── BarChart.tsx\n│ │ ├── DataTable.tsx\n│ │ ├── DonutChart.tsx\n│ │ ├── Footer.tsx\n│ │ ├── MetricBox.tsx\n│ │ ├── Pagination.tsx\n│ │ ├── PriceTable.tsx\n│ │ ├── SearchBar.tsx\n│ │ ├── Sidebar.tsx\n│ ├── context/\n│ │ ├── ThemeContext.tsx\n│ ├── hooks/\n│ │ ├── useFetchData.ts\n│ │ ├── usePaginatedData.ts\n│ │ ├── useIndustryMetrics.ts\n│ │ ├── useTopAndLowestPrices.ts\n│ ├── pages/\n│ │ ├── Dashboard.tsx\n│ ├── services/\n│ │ ├── dataService.ts\n│ ├── styles/\n│ │ ├── globals.css\n│ ├── tailwind.config.js\n│\n├── package.json\n├── tsconfig.json\n├── README.md\n\n## Environment Variables\n\nSet the following environment variables in a .env file:\n\nREACT_APP_API_URL=http://localhost:5000/data\n\nKey Components\n\nSidebar\n\n🧭 Full-height sidebar for desktop with a responsive hamburger menu for mobile.\n\nMetricBox\n\n📊 Displays key metrics such as highest positive and negative changes.\n\nCharts\n\n📈 Interactive visualizations for data insights using Chart.js.\n\nPagination\n\n🔄 Smooth and responsive pagination for data navigation.\n\n## Contributors\n\n🌻 Azadeh Sharifi Soltani\n\nFeel free to contribute to this project by submitting a pull request or opening an issue!\n\nMade with 💻, ☕, and 🌻 by Azadeh Sharifi Soltani\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrau-azadeh%2Ffinance-bourse","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrau-azadeh%2Ffinance-bourse","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrau-azadeh%2Ffinance-bourse/lists"}