{"id":30854461,"url":"https://github.com/souravpl8092/stock-analysis-app","last_synced_at":"2026-04-07T07:47:37.954Z","repository":{"id":312164019,"uuid":"1046524608","full_name":"souravpl8092/Stock-Analysis-App","owner":"souravpl8092","description":"A modern Stock Analysis Web Application that allows users to search stock quotes, view historical price trends, and analyze real-time data using the Yahoo Finance API.","archived":false,"fork":false,"pushed_at":"2025-08-28T22:07:15.000Z","size":160,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-07T07:47:36.368Z","etag":null,"topics":["axios","chartjs","cors","dotenv","expressjs","nodejs","react-chartjs-2","react-icons","react-redux","react-redux-toolkit","reactjs","recharts","vite","yahoo-finance"],"latest_commit_sha":null,"homepage":"https://stock-analysis-app-nine.vercel.app/","language":"JavaScript","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/souravpl8092.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,"zenodo":null}},"created_at":"2025-08-28T20:16:07.000Z","updated_at":"2025-08-28T22:14:04.000Z","dependencies_parsed_at":"2025-08-30T05:17:53.046Z","dependency_job_id":null,"html_url":"https://github.com/souravpl8092/Stock-Analysis-App","commit_stats":null,"previous_names":["souravpl8092/stock-analysis-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/souravpl8092/Stock-Analysis-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FStock-Analysis-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FStock-Analysis-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FStock-Analysis-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FStock-Analysis-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/souravpl8092","download_url":"https://codeload.github.com/souravpl8092/Stock-Analysis-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/souravpl8092%2FStock-Analysis-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31504897,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["axios","chartjs","cors","dotenv","expressjs","nodejs","react-chartjs-2","react-icons","react-redux","react-redux-toolkit","reactjs","recharts","vite","yahoo-finance"],"created_at":"2025-09-07T10:40:50.786Z","updated_at":"2026-04-07T07:47:37.903Z","avatar_url":"https://github.com/souravpl8092.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📈 Stock Analysis App\n\nA modern Stock Analysis Web Application that allows users to search stock quotes, view historical price trends, and analyze real-time data using the Yahoo Finance API.\nThis project is built using React, Redux, Vite, Node.js, and Express, offering a clean, responsive, and user-friendly dashboard for stock market enthusiasts and traders.\n\n---\n\n## ✨ **Key Features**\n\n✅ **Stock Search** → Search any stock by its symbol (e.g., AAPL, TSLA, MSFT)  \n✅ **Real-time Data** → Fetch live stock prices from **Yahoo Finance API**  \n✅ **Interactive Charts** → Visualize historical stock prices with **Recharts**  \n✅ **Date-wise Filtering** → Filter data by specific date ranges  \n✅ **Dark \u0026 Light Mode** → Sleek **theme toggle** for better UX  \n✅ **Responsive Dashboard** → Optimized for **desktop, tablet, and mobile**  \n✅ **Optimized API Handling** → Backend caching with **Axios + Express**  \n✅ **State Management** → Powered by **Redux Toolkit**  \n✅ **Secure \u0026 Scalable** → Well-structured backend using **Node.js + Express**\n\n---\n\n## 🛠 **Tech Stack**\n\n### **Frontend** 🖥️\n\n- ⚛️ React.js (Vite)\n- 📊 Recharts (Stock Visualization)\n- 🌗 Light/Dark Mode with Context API\n- ⚡ Redux Toolkit (State Management)\n- 🔗 Axios for API Calls\n\n### **Backend** 🔧\n\n- 🟢 Node.js\n- 🚀 Express.js\n- 🔗 Yahoo Finance API Integration\n- 📦 CORS + Dotenv\n- 🔄 Axios for API Handling\n\n---\n\n## 🚀 **Deployment**\n\n🔗 **Frontend**: [Stock Analysis App](https://stock-analysis-app-nine.vercel.app/)  \n🔗 **Backend**: [Stock Analysis Server](https://stock-analysis-server.vercel.app/)\n\n🎥 **Demo Video**: [Watch Here](https://drive.google.com/file/d/1B4H8-4v-S3pZ7V2VwoaawrRmYTpscDGu/view?usp=sharing)\n\n---\n\n## 📂 **Project Folder Structure**\n\n### Root Directory\n\n```\nstock-analysis-app/\n├── client/            # React + Vite frontend\n├── server/            # Node + Express backend\n└── README.md\n```\n\n### Client (Frontend) Folder Structure\n\n```\nclient/\n├── public/\n│   └── index.html\n│\n├── src/\n│   ├── assets/                 # Images \u0026 icons\n│   ├── components/             # Reusable UI components\n│   │   ├── Chart\n│   │   |   └── StockChart.jsx\n│   │   ├── Loader.jsx\n│   │   ├── Navbar.jsx\n│   │   ├── SearchBar.jsx\n│   │   ├── StockCard.jsx\n│   │   ├── StockDetails.jsx\n│   │   └── StockList.jsx\n│   │\n│   ├── context/                # Theme Context API\n│   │   ├── ThemeContext.js\n│   │   └── ThemeProvider.jsx\n│   │\n│   ├── hooks/                  # Custom React hooks\n│   │   └── useTheme.js\n│   │\n│   ├── redux/                  # Redux state management\n│   │   ├── slices/\n│   │   │   └── stockSlice.js\n│   │   └── store.js\n│   │\n│   ├── styles/                 # Global \u0026 Component-specific styles\n│   │   ├── Dashboard.css\n│   │   ├── Loader.css\n│   │   ├── Navbar.css\n│   │   ├── SearchBar.css\n│   │   ├── SearchCard.css\n│   │   ├── SearchDetails.css\n│   │   └── StockList.css\n│   │\n│   ├── pages/                  # Application pages\n│   │   └── Dashboard.jsx\n│   │\n│   ├── App.jsx                 # Root App component\n│   ├── App.css\n│   ├── main.jsx                # Entry point\n│   ├── index.css\n│   └── vite.config.js\n│\n├── index.html\n├── package-lock.json\n├── package.json\n└── vite.config.js\n\n```\n\n### Server (Backend) Folder Structure\n\n```\nserver/\n├── src/\n│   ├── routes/\n│   │   └── stockRoutes.js      # Routes for fetching stock data\n│   ├── controllers/\n│   │   └── stockController.js\n│   └── app.js                  # Server entry point\n│\n├── .env                        # Environment variables\n├── package-.json\n└── package.json\n\n```\n\n---\n\n## 📦 Installation \u0026 Setup\n\n### **1️⃣ Clone the repository**\n\n```sh\ngit clone https://github.com/souravpl8092/Stock-Analysis-App.git\ncd Stock-Analysis-App\n```\n\n### **2️⃣ Install dependencies**\n\n#### **Frontend**\n\n```sh\ncd client\nnpm install\n```\n\n#### **Backend**\n\n```sh\ncd server\nnpm install\n```\n\n---\n\n## ⚙️ Configuration\n\n### **1️⃣ Backend Environment Variables**\n\nCreate a `.env` file in the `server/` directory and configure the following:\n\n```env\nPORT=8080\n\n```\n\n### **2️⃣ Frontend Environment Variables**\n\nCreate a `.env` file in the `client/` directory and configure the following:\n\n```env\nVITE_BASE_URL=http://localhost:8080/api/stocks\n```\n\n---\n\n## 🚀 Running the Project\n\n### **1️⃣ Start Backend**\n\n```sh\ncd server\nnpm run dev\n```\n\n### **2️⃣ Start Frontend**\n\n```sh\ncd client\nnpm run dev\n```\n\nThe frontend will be accessible at `http://localhost:5173`\n\n---\n\n## 📸 UI Preview\n\n| **Preview**                                                                                                                                                                       |\n| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| ![Product List](https://i.ibb.co/gbVpgpfV/Screenshot-2025-08-29-031336.png) |\n\n---\n\n## 👨‍💻 Author\n\n**Sourav Paul**\n\n- 💼 [LinkedIn](https://www.linkedin.com/in/sourav-paul-276ba323a/)\n- 🐙 [GitHub](https://github.com/souravpl8092)\n\n---\n\n## 📌 License\n\nThis project is **open-source** and available under the **MIT License**.\n\n---\n\nMade with ❤️ by [Sourav Paul](https://github.com/souravpl8092) 🚀\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsouravpl8092%2Fstock-analysis-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsouravpl8092%2Fstock-analysis-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsouravpl8092%2Fstock-analysis-app/lists"}