{"id":19364128,"url":"https://github.com/acushlakoncept/react-capstone","last_synced_at":"2025-04-23T13:32:56.480Z","repository":{"id":55868682,"uuid":"318749996","full_name":"acushlakoncept/react-capstone","owner":"acushlakoncept","description":"In this project, I developed a frontend web application, catalogue of financial values using Stock API, and collect the data from my React Application. It shows the most active stocks, top gainers, and top losers as well the ability to search stocks and show the latest stock news.","archived":false,"fork":false,"pushed_at":"2020-12-10T12:34:39.000Z","size":4170,"stargazers_count":11,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"development","last_synced_at":"2023-08-20T11:14:18.639Z","etag":null,"topics":["api","react","react-api","react-redux","redux","redux-thunk","stocks"],"latest_commit_sha":null,"homepage":"https://cush-stocks.herokuapp.com/","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/acushlakoncept.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}},"created_at":"2020-12-05T09:33:49.000Z","updated_at":"2023-08-19T08:09:16.000Z","dependencies_parsed_at":"2022-08-15T08:10:30.945Z","dependency_job_id":null,"html_url":"https://github.com/acushlakoncept/react-capstone","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acushlakoncept%2Freact-capstone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acushlakoncept%2Freact-capstone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acushlakoncept%2Freact-capstone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acushlakoncept%2Freact-capstone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acushlakoncept","download_url":"https://codeload.github.com/acushlakoncept/react-capstone/tar.gz/refs/heads/development","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223926559,"owners_count":17226442,"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","react","react-api","react-redux","redux","redux-thunk","stocks"],"created_at":"2024-11-10T07:36:23.999Z","updated_at":"2024-11-10T07:36:24.452Z","avatar_url":"https://github.com/acushlakoncept.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# STOCKIST WEB APP - REACT CAPSTONE PROJECT\n\nIn this project, I developed a frontend web application, catalogue of financial values using [Stock API](https://financialmodelingprep.com/developer/docs/)  and collect the data from my React Application.\n\nThe application features includes:\n- Listing of Most Active Stocks\n- Listing of Most Gainer's Stocks\n- Listing of Most Loser's Stocks\n- Filter between those 3, most active, gainers and losers\n- Open individual stock item\n- Search for a particular stock item, example 'AAPL'\n- Listing of the lastest stock news\n- Dynamic routes for individual stock item, example `/stocks/AAPL`\n\n![screenshot](./stockist.gif)\n\n## Live Demo\n[Live Demo](https://cush-stocks.herokuapp.com/)\n\n## Video Presentation\n[YouTube Link](https://youtu.be/l5s8WUlm1L8)\n\n## Getting Started\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\nMake sure Node.js is running on your local machine\n\n### Setup\n\n~~~bash\n$ git clone https://github.com/acushlakoncept/react-capstone.git\n$ cd react-capstone\n~~~\n\nInstall modules:\n\n```\nyarn add\n```\n\nSetup your API Key\n\n- I used the [Financial Modelling Prep API](https://financialmodelingprep.com/developer/docs/). Signup and get your key.\n- Create `.env` file, open it and add `REACT_APP_API_KEY=xxxxxxxxxxxxxxxxxxxxx`\n\n### Usage\n\nStart server with:\n\n```\n    yarn start or npm start\n```\n### Running Test\nJest is used to run all the tests found in this application\nIn order to run the test you can simply type `yarn test` or `npm run test`\n\nEither ways, if you encounter any error while running either command, its likely you do not have `jest` installed globally, so please run `npm install -g jest-cli` then try again. That should do it.\n\n### Deployment instructions\n\n```\n    git add .\n    git commit -m \"ready for first push to heroku\"  \n    heroku create $APP-NAME --buildpack mars/create-react-app\n    git push heroku $BRANCH_NAME:master\n```\n\nFire up your app by running `heroku open` Yay!!! your app has been deployed successfully.\n\n# Authors\n\n👤 **Uduak Essien**\n\n- Github: [@acushlakoncept](https://github.com/acushlakoncept/)\n- Twitter: [@acushlakoncept](https://twitter.com/acushlakoncept)\n- Linkedin: [acushlakoncept](https://www.linkedin.com/in/acushlakoncept/)\n\n## 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\n\nFeel free to check the [issues page](issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## Acknowledgments\n- [Microverse Inc](https://www.microverse.org/)\n- [Financial Modelling Prep API](https://financialmodelingprep.com/developer/docs/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facushlakoncept%2Freact-capstone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facushlakoncept%2Freact-capstone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facushlakoncept%2Freact-capstone/lists"}