{"id":13463131,"url":"https://github.com/edwinbosire/ASOS","last_synced_at":"2025-03-25T06:31:35.995Z","repository":{"id":144738010,"uuid":"88885504","full_name":"edwinbosire/ASOS","owner":"edwinbosire","description":"A React Native Clone of the popular ASOS App","archived":false,"fork":false,"pushed_at":"2018-12-24T15:41:25.000Z","size":6766,"stargazers_count":132,"open_issues_count":0,"forks_count":50,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-10-29T13:50:26.543Z","etag":null,"topics":["android","ios","react-native","react-router"],"latest_commit_sha":null,"homepage":null,"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/edwinbosire.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}},"created_at":"2017-04-20T16:09:01.000Z","updated_at":"2024-09-09T01:39:05.000Z","dependencies_parsed_at":"2023-05-04T22:27:32.248Z","dependency_job_id":null,"html_url":"https://github.com/edwinbosire/ASOS","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/edwinbosire%2FASOS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edwinbosire%2FASOS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edwinbosire%2FASOS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edwinbosire%2FASOS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edwinbosire","download_url":"https://codeload.github.com/edwinbosire/ASOS/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245413905,"owners_count":20611353,"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":["android","ios","react-native","react-router"],"created_at":"2024-07-31T13:00:46.639Z","updated_at":"2025-03-25T06:31:33.898Z","avatar_url":"https://github.com/edwinbosire.png","language":"JavaScript","readme":" ![Banner image](https://github.com/edwinbosire/ASOS/raw/master/ASOS%20BANNER%402x.png)\n\n ![Show Case](https://github.com/edwinbosire/ASOS/raw/master/ASOS-Showcase%402x.png)\n\n##### *** This is work in progress ****\nA React Native Clone of the popular ASOS App, this project was done over ~~one weekend~~ a period of time for learning purposes and is theremore not being maintained. Feel free to fork and use as you please.\n\nIt is platform agnostic although nearly all work done so far has been written and tested on iOS.\n\nReact-Native is a powerful tool for creating UI, and therefore i've focussed only on the UI. The business logic including data retrieval is ommitted from this project.\n\nThis project is build on the expo sdk and you can play with the app  [here](https://exp.host/@nscoder/asos)\n\n## FEATURES\n\n- [x] Dynamic Home Page\n- [x] Category Listing\n- [x] Product List\n- [x] Product Info (limited functionality\n- [ ] Basket\n- [ ] Favourites\n- [ ] Account\n\n## THINGS THAT ARE BROKEN\n- [x] A lot, the styling is all over the place, component re-usability breaks any Software Engineering decorum.\n\n#### LEFT OUT\n\nIf you fork this project, feel free to extend the following features.\n\n- API Services (~~Images will eventually break once ASOS updates their CMS~~ most images embeded within the app apart from the contents in the basket)\n- Basket management\n- Recently Viewed Objects\n- Account information\n- No Tests! I like living dangerously\n\n## 3rd Party Libraries used\n\n- [Expo](https://expo.io) \n- [React Native Vector Icons](https://github.com/oblador/react-native-vector-icons)\n- [React-Navigation](https://reactnavigation.org/en/)\n- [React-Native - 31.0.0](https://github.com/expo/react-native/archive/sdk-31.0.0.tar.gz))\n\n\n## Getting Started\n\n[Expo](https://expo.io/) is the easiest way to start building a new React Native application. It allows you to start a project without installing or configuring any tools to build native code - no Xcode or Android Studio installation required (see [Caveats](https://facebook.github.io/react-native/docs/getting-started#caveats)).\n\n- Clone the app\n\n  `git clone https://github.com/edwinbosire/ASOS.git `\n  \n  Assuming that you have Node installed, you can use npm to install the Expo CLI command line utility:\n  \n  `npm install -g expo-cli`\n\n- Start the Expo server\n\n  ` expo start`\n  \n## Running your React Native application\n  \n  Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. On Android, use the Expo app to scan the QR code from your terminal to open your project. On iOS, follow on-screen instructions to get a link.\n  \n  ##### Modifying your app\n  \n  Now that you have successfully run the app, let's modify it. Open `Homepage.js` in your text editor of choice and edit some lines. The application should reload automatically once you save your changes.\n  \n  That's it!\n  \n  Congratulations! You've successfully run and modified the ASOS RN app!.\n  \n  \n If you encounter any problem, refer to the [React Native Documentation](https://facebook.github.io/react-native/docs/getting-started.html).\n\n## Prerequisites\n\nTo run the project, you will need Node, Watchman, React-Native CLI and Xcode or Android SDK depending on your chosen platform, you can install these using Homebrew\n\n` brew install node`\n\n` brew install watchman `\n\nNode comes with npm, you can use Yarn if you prefer or any other package manager.\n\n` npm install -g react-native-cli `\n\n- Android SDK or Xcode \n\nGet Xcode from the [Mac App Store](https://itunes.apple.com/us/app/xcode/id497799835?mt=12)\n\n## Structure\n```\n.\n├── tests\n├── .expo\n├── assets \u003c== Images, fonts and other assets\n├── compnents \u003c== All the \"dumb\" ui widgets go here**\n├── constants\n├── navigation \u003c== Tabbar management and routing\n├── node_modules \u003c== bleh!\n├── screens \u003c=== top level views akin to viewcontrollers**\n├── store \u003c== currently unused json\n├── App.js \u003c== Main entry point for our project\n    \n```\n\nAll the interesting things are within the components and containers group. \n\nThe iOS app utilises the `MainTabNavigation.js` file for ALL navigation, we implement the tabbar from here and use [React Navigation](https://reactnavigation.org/en/) to get stuff done. This library saved a tonne of work usually associated with rolling out your own Navigator + Redux setup.\n\n## Deployment\n\nExpo to the rescue!\n\n\n## Contributing\n\nJust fork the repo and do your thing.\n\n## Authors\n- [ME 😀](www.twitter.com/edwinbosire) - \n\n- The Internet - Shout out to [StackOverflow](http://stackoverflow.com/questions/tagged/react-native) and the ReactNative [documentation](https://facebook.github.io/react-native/versions.html).\n\n## Shameless Plug\n\nIn my past life, I used to write apps for other high street brands including [Topshop](https://itunes.apple.com/gb/app/topshop/id355683626?mt=8), [Topman](https://itunes.apple.com/gb/app/topman/id579354482?mt=8), [Burton](https://itunes.apple.com/gb/app/burton-menswear-london/id572488756?mt=8), JackWills (offline), Harrods and others I can't recall. So I've got vast experience in building withing the \"app commerce\" domain and it's truely unbelievable how quick developing with React-Native is.  \n\nSo here's the deal, I am available for freelance work (as in after work \u0026 weekends kinda work) if you are in need of  quick dev work in React-Native, Swift or Objective-C \u003ca href=\"mailto:me@edwinb.co.uk\"\u003elet's talk 📧 \u003c/a\u003e\n\n## License\n\nThis project is licensed under the MIT License - see the LICENSE.md file for details\n\n","funding_links":[],"categories":["Open Source Apps"],"sub_categories":["Other Platforms"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedwinbosire%2FASOS","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedwinbosire%2FASOS","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedwinbosire%2FASOS/lists"}