Succulent Shop is a project developed by Trendyol Mobile Bootcamp participants during bootcamp.
This archive contains the first assignment of the project.
Assignment includes sign up user interface design and client-side validation of e-mail, username and password entries. There are conditions that the user must comply with when registering.
Click here to the figma design of the project.
| Login Screen | Sign Up Screen | Product List | Product Product Detail Screen |
 |
 |
 |
 |
- Kotlin
- Retrofit
- Gson
- Glide
- Design the screen using TextInputLayouts and MaterialButtons as shown in the image.
- Add client-side validation to the fields and show related errors on the fields when user clicks SIGN UP button. (See validation table)
- Clicking ALREADY HAVE AN ACCOUNT? button should navigate user to Login Screen.
- Clicking CREATE AN ACCOUNT button on Login Screen should navigate user to Signup Screen.
- Create SignupFragment and move logic from SignupActivity into there, deleting SignupActivity.
- Add SignupFragment to the nav_graph.xml adding necessary actions.
- Add a function fun relatedProducts(productId: Int): List into ProductStore which returns arbitrary (random or any logic) list of related products.
- Add the Related Products section into ProductDetailFragment which gets data from ProductStore and displays it in a horizontal RecyclerView.
- Add a click listener to the related products which would navigate user to ProductDetailFragment for the clicked product.
- Send request to /auth/local/register when user tries to sign up and all client side validations pass.
- Handle the response and..
- if it's successful save the jwt and navigate to product list screen, popping all the backstack.
- for errors with 4XX status code display the returned message in a Snackbar.
- for other status codes display Unexpected error occurred in a Snackbar.
- Handle other connectivity problems (eg. device is not connected to internet) and show this message in a Snackbar: Please check your connection and try again.
- Make api request to /related-products/:id where :id is the id of the product displayed.
- Handle 401 status code and navigate to login screen in that case.
- When the returned list is empty (there is no related products to the product queried) then hide the related products title TextView and the RecyclerView.
- When the returned list is non-empty fill the RecyclerView with the given list.
- In Product List screen show a circular progress indicator until the list is loaded.
- In Product Detail screen show a circular progress indicator until the product detail and the related products are both loaded.
- Add a menu which is visible only in Product List screen and show a logout action in the overflow menu.
- When user selects this menu item, delete the token and navigate to login popping all the back stack.
- When user successfully logs in or signs up, do not show Signup or Login screens to the user anymore until the user logs out.
Feel free to send us feedback on 
