{"id":15196634,"url":"https://github.com/sisay2405/weather-forecaster-app","last_synced_at":"2026-03-04T18:31:27.285Z","repository":{"id":37191306,"uuid":"496352960","full_name":"sisay2405/Weather-Forecaster-App","owner":"sisay2405","description":"🌤️ Seven Day Weather Forecast app with weatherbit API.  ","archived":false,"fork":false,"pushed_at":"2022-07-16T16:12:10.000Z","size":781,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T08:14:15.800Z","etag":null,"topics":["react","redux","redux-toolkit","styledcomponents","testing","weatherbit-api"],"latest_commit_sha":null,"homepage":"https://sisay-weather-forecaster-app.netlify.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/sisay2405.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":"2022-05-25T18:50:18.000Z","updated_at":"2022-07-13T19:41:46.000Z","dependencies_parsed_at":"2022-07-14T06:40:27.498Z","dependency_job_id":null,"html_url":"https://github.com/sisay2405/Weather-Forecaster-App","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2FWeather-Forecaster-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2FWeather-Forecaster-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2FWeather-Forecaster-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sisay2405%2FWeather-Forecaster-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sisay2405","download_url":"https://codeload.github.com/sisay2405/Weather-Forecaster-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241476458,"owners_count":19968916,"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":["react","redux","redux-toolkit","styledcomponents","testing","weatherbit-api"],"created_at":"2024-09-28T00:02:16.806Z","updated_at":"2026-03-04T18:31:27.225Z","avatar_url":"https://github.com/sisay2405.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\nhttps://user-images.githubusercontent.com/82465149/178811602-ab766af5-6090-41ce-814f-dc97dad78cd5.mp4\n\n### ![Figma](https://user-images.githubusercontent.com/82465149/171688172-a95ef2bb-d6bc-4555-8ff0-ab8ade73fa4b.png)\n\n### https://trello.com/b/Rl4VFwzy/weather-app\n\n # Getting Started with Create React App\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `npm start`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `npm test`\n\nLaunches the test runner in the interactive watch mode.\\\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `npm run build`\n\nBuilds the app for production to the `build` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n##Project Title: Weather Forcaster App\n This app build with existing knowledge of the React basics (components, JSX, props, event handling, using forms, making API calls, basic hooks) and allow you to practice with React best practices like an ErrorBoundaries, PropTypes, ESLint (to enforce code style consistency), and writing component and unit tests.\n\nThis project build in Bitwise React Byteme collaborate with Tyler(tdavis0828) and Javi(javiguerra777) Bytes  discuss strategy, debug issues, review code, etc. \n\nA demo of Weather Forecaster app, that initially loads WeatherBit forecast data for a hardcoded location (Jacksonville, Fl), and displays this information to the user via seven individual card components, one for each day of the week. The user can then click on an individual forecast day to view detailed forecast information, or choose instead to search for weather in a new location and uses the WeatherBit API,  geocoding API..  Demo-weather-app-detail.mp4\n\n###Getting Started\nThe App build out with simple wireframes using Figma. \n\n###Prerequisites / Installing\nThe app has the following devDependencies installed: eslint eslint-config-airbnb eslint-config-node eslint-config-prettier eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-node eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks prettier and also contain .eslintignore, .eslintrc.json, and .prettierrc , Pull data from external APIs fetch.\n\n\n -- Each component's props should be destructured for component readibility.\n -- By using search bar , the app should render weather forecast data for the new location.\n -- set up to use ESLint with the Airbnb style guide and Prettier.\nA step by step series of examples that tell you how to get a development env running\n\n###Running the tests\nNpm Test \n\n### Deployment\nnetlify : https://sisay-weather-forecaster-app.netlify.app/\nhttps://user-images.githubusercontent.com/82465149/178811602-ab766af5-6090-41ce-814f-dc97dad78cd5.mp4\n### Authors\nSisay Areaya - Initial work \nthe list of contributors who participated in this project. All Byteme: Sarah Cullen(my lead Bitwise React ) , Tyler(tdavis0828), Javi(javiguerra777) and Frankie.\n### Support \u0026 Feedback\nIf you are having technical issues or want to raise a bug/issue with the app, the preferred way is through GitHub issues. In order to contact with me for any other request please send an email to: sisayabreha04@gmail.com\n\n### License\nDistributed under the MIT License. See LICENSE for more information.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsisay2405%2Fweather-forecaster-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsisay2405%2Fweather-forecaster-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsisay2405%2Fweather-forecaster-app/lists"}