maxmagee / chick-fil-a

(Old Version. See README) Recreating the Chick-fil-A App in React Native.
2 stars 0 forks source link

Note

Chick-fil-A completely re-designed their application while I was in the middle of my replication implementation. As a result, I'm freezing work on this repo and starting fresh here: Chicken

I will likely re-visit this and create some sort of demo page to illustrate the work I was able to accomplish, but for now I'm moving on to the new version.

Chick-fil-A

The goal of this project is to replicate the existing Chick-fil-A One mobile application using React Native. This project is designed to illustrate my capabilities as a React Native developer to potential employers.

Why This?

From what I can tell, the current production Chick-fil-A One app was built using React Native by The BHW Group located in my home-town of Austin. If I can get reasonably similar results to a current well-respected firm, I've successfully demonstrated my value. Also, I'm a big fan of their food.

Getting Started

This application was created using the Expo XDE. The easiest way to get started would be to follow the installation steps below and then use the 'Open Project' option from XDE. From there, you can open the project in an iOS Simulator or send it to your device.

Prerequisites

Note: While React Native supports developing cross-platform applications, for this project I am solely targeting iOS to streamline my workflow and quicken the development process.

Installing

Prior to opening the project in the Expo XDE, you will need to install the project's dependencies.

Navigate a terminal to the project's directory and run:

npm install

Once the node_modules directory is populated, the project should properly open and run via Expo XDE.

Running the tests

Coming soon.

Coding Style and Linting

Coding style consistency is important to me. This project was styled based on input from the Prettier plug-in for VSCode as well as an ESLint configuration that I've grown fond of which can be found in the devDependencies of package.json.

Development

Deployment

It's likely that I will publish this project to my personal Expo Projects listing, but due to recent restrictions by Apple, it's no longer possible to run Expo projects from other users in the iOS Client. Consequently, publishing there is simply to aide in my personal demos. I will not be publishing this to the App Store for obvious copyright reasons.

Designs

Even though I have the existing production application available to base my work off of, I intend to pretend that I don't and will be building out the screens in Sketch.

Doing this will serve multiple purposes:

The Sketch files are available in the 'designs' directory.

Built With

Authors

License

Coming soon.

Acknowledgements