This project is a frontend mock of the Android Google App. My desire was to escape what is usually called "Tutorial Purgatory" and really come out of my comfort zone of only starting projects that have all the steps laid out for you.
- Learned about utilizing data classes to make models for the articles and stories. I made use of the Lazy Column to show the items with a scrolling ability.
- Learned about modals which is activated when the more (three dots) button is clicked. The favorite (heart) button also makes use of a Boolean that will changed to a filled heart if clicked.
- One of the main components of the screen is the "search bar". At first, it was made as an actual search bar, until I realized that it was just a cleverly disguised button. I mimic the look of a bar within the button and once the button is click, it autmatically leads you to the Search Screen.
- Made use of enum classes for the bookmark boxes and placeholder cards.
- For each section, objects were used to mimic search suggestion data that was displayed using a Lazy Row component.
- Once this screen is navigated to, it automatically displays the user's keyboard to mimic the behavior of the Google App.
- Making use of a keyboard action, the user can type a query and it will direct them to the real google search
- Made use of an object to create fake history searches that are searches that did was made to help make this project.
- Learned about Navigation between screens for Jetpack for activities. I used a Nav host to help with displaying the screens as well as the navigation bar at the bottom of the application.
- The above also helped with displaying the Modal that is used during on the Discover Screen with the use of a Scaffold.
- The profile picture in the corner of the Discover and Collections Screen will display a Popup once clicked that mimics an accounts menu.
Due to this being a direct mock of the offical Google App, this app will not be released for commercial use. If you would still like to install, follow the below steps:
- Click the Code button.
- Once you see a menu popup, click the Download Zip button. This will save the project to your computer.
- Once the download is complete, find the file and unzip the conent (you can do this by double-clicking or right-clicking and pressing Extract Files).
- Open Android Studio and click Open an existing Android Studio Project. (If a project is already open, you can select File > New > Import Project.
- Wait for Android Studio to open the project and press the Run button.