{"id":21009197,"url":"https://github.com/namnika/backpack-react-web-app","last_synced_at":"2026-05-08T11:34:53.495Z","repository":{"id":252068599,"uuid":"838880750","full_name":"Namnika/backpack-react-web-app","owner":"Namnika","description":"Developed Backpack react web application in Skyscanner - Front-End Software Engineering virtual Job Simulation on Forage","archived":false,"fork":false,"pushed_at":"2024-08-07T13:37:45.000Z","size":229,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-13T15:34:03.942Z","etag":null,"topics":["backpack","javascript","reactjs"],"latest_commit_sha":null,"homepage":"https://backpackreact.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/Namnika.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":"2024-08-06T14:21:21.000Z","updated_at":"2024-08-08T11:20:32.000Z","dependencies_parsed_at":"2024-08-07T14:51:22.701Z","dependency_job_id":null,"html_url":"https://github.com/Namnika/backpack-react-web-app","commit_stats":null,"previous_names":["namnika/backpack-react-web-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Namnika/backpack-react-web-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namnika%2Fbackpack-react-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namnika%2Fbackpack-react-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namnika%2Fbackpack-react-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namnika%2Fbackpack-react-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Namnika","download_url":"https://codeload.github.com/Namnika/backpack-react-web-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Namnika%2Fbackpack-react-web-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32778771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["backpack","javascript","reactjs"],"created_at":"2024-11-19T09:15:50.257Z","updated_at":"2026-05-08T11:34:53.475Z","avatar_url":"https://github.com/Namnika.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e _This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) +\n\u003e [backpack-react-scripts](https://github.com/Skyscanner/backpack-react-scripts/tree/master/packages/react-scripts)._\n\u003e It is very similar to one that you would create using [Create React App](https://github.com/facebook/create-react-app)\n\u003e without [backpack-react-scripts](https://github.com/Skyscanner/backpack-react-scripts/tree/master/packages/react-scripts),\n\u003e so please refer to [it's documentation](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md)\n\u003e for more usage information.\n\n# Backpack React Web App\n\nI build a simple React web-based project with React, Javascript and Backpack in [Skyscanner Front-End Software Engineering Job Simulation](https://www.theforage.com/simulations/skyscanner/front-end-software-engineering-cbwl) in Forage. I learnt how to use Skyscanner's Backpack design system in React application, to simulate the front-end in a easier way.\n\nI worked with backpack's basic web foundation stylesheets, including Synthetic Awesome Stylesheets (SASS) and CSS ClassName Modules. \n\n## How To Run\n\n- `npm start`: Runs the app in development mode. Open [http://localhost:3000/](http://localhost:3000/) to view it in the browser. The page will reload if you make edits.\n\n## How To Test\n\n- `npm test`: Runs the test watcher in an interactive mode. By default, runs tests related to files changes since the last commit.\n\n## How To Buid Project for Production\n\n- `npm run build`: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes. Your app is ready to be deployed!\n\n\n## CSS Modules\n\nAll Sass files are by default treated as [CSS Modules](https://github.com/css-modules/css-modules). You can opt out of this behaviour using the following config option:\n\n```\n\"backpack-react-scripts\": {\n  \"cssModules\": false\n}\n```\n\nIf you decide to opt out, Sass files will not be treated as CSS Modules by default. However, you can opt-in on a per-file basis using the naming convention: `*.module.scss`.\n\nFor example, with `cssModules` set to `false`:\n\n- The file `App.scss` will not be treated as CSS Module\n- The file `App.module.scss` _will_ be treated as CSS Module\n\nThis allows you to upgrade your project file by file to CSS Modules.\n\n\u003e Backpack components will _always_ be treated as CSS Modules, even if you opt out\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamnika%2Fbackpack-react-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnamnika%2Fbackpack-react-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamnika%2Fbackpack-react-web-app/lists"}