Merge branch 'release/3.0'v3.0.0

32 files changed, 2179 insertions, 0 deletions

diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailSearchAnimeController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailSearchAnimeController.kt
new file mode 100644
index 0000000..3114d01
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailSearchAnimeController.kt
@@ -0,0 +1,63 @@
+package xyz.adjutor.aniki.presentation.controller.anime
+
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.anime.AnimeApi
+import xyz.adjutor.aniki.presentation.model.anime.AnimeResponse
+import xyz.adjutor.aniki.presentation.view.anime.DetailSearchAnimeActivity
+
+class DetailSearchAnimeController {
+
+    lateinit var gson: Gson
+    private lateinit var baseUrl: String //the api's base url
+    lateinit var view: DetailSearchAnimeActivity
+
+    fun onStart(DetailSearchAnimeActivity: DetailSearchAnimeActivity, animeId: String) {
+
+        view = DetailSearchAnimeActivity
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+
+        makeApiCall(baseUrl, animeId)
+    }
+
+    private fun makeApiCall(BASE_URL: String, animeId: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(AnimeApi::class.java)
+        val call = service.getAnimeData(animeId) //based on the id
+
+        call.enqueue(object : Callback<AnimeResponse> {
+            override fun onResponse(
+                call: Call<AnimeResponse>,
+                response: Response<AnimeResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val anime = response.body() //getting the AnimeResponse fields
+                    view.showDetail(anime!!)
+
+                } else {
+                    view.showError("API ERROR : is not successful")
+                }
+            }
+
+            override fun onFailure(call: Call<AnimeResponse>, t: Throwable) {
+                view.showError("API ERROR : onFailure")
+            }
+
+        })
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailTopAnimeController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailTopAnimeController.kt
new file mode 100644
index 0000000..6f3cedb
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/DetailTopAnimeController.kt
@@ -0,0 +1,97 @@
+package xyz.adjutor.aniki.presentation.controller.anime
+
+import android.content.Context
+import android.content.SharedPreferences
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import com.google.gson.reflect.TypeToken
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.anime.AnimeApi
+import xyz.adjutor.aniki.presentation.model.anime.AnimeResponse
+import xyz.adjutor.aniki.presentation.view.anime.DetailTopAnimeActivity
+import java.lang.reflect.Type
+
+class DetailTopAnimeController {
+
+    private lateinit var sharedPreferences: SharedPreferences
+    lateinit var gson: Gson
+    private lateinit var baseUrl: String //the api's base url
+    lateinit var view: DetailTopAnimeActivity
+
+    fun onStart(DetailTopAnimeActivity: DetailTopAnimeActivity, animeId: String) {
+
+        view = DetailTopAnimeActivity
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+        sharedPreferences =
+            view.applicationContext.getSharedPreferences("sp_anime", Context.MODE_PRIVATE)
+
+        val anime: AnimeResponse? = getDataFromCache(animeId)
+        if (anime != null) {
+            view.showDetail(anime)
+        } else {
+            //taking the API's fields I want and displaying them
+            makeApiCall(baseUrl, animeId)
+        }
+    }
+
+    private fun getDataFromCache(animeId: String): AnimeResponse? {
+        val jsonAnime: String? = sharedPreferences.getString(animeId, null)
+
+        return if (jsonAnime == null) {
+            null
+        } else {
+            val type: Type = object : TypeToken<AnimeResponse>() {}.type
+            gson.fromJson(jsonAnime, type)
+        }
+    }
+
+    private fun makeApiCall(BASE_URL: String, animeId: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(AnimeApi::class.java)
+        val call = service.getAnimeData(animeId) //based on the id
+
+        call.enqueue(object : Callback<AnimeResponse> {
+            override fun onResponse(
+                call: Call<AnimeResponse>,
+                response: Response<AnimeResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val anime = response.body() //getting the AnimeResponse fields
+                    saveList(anime)
+                    view.showDetail(anime!!)
+
+                } else {
+                    view.showError("API ERROR : is not successful")
+                }
+            }
+
+            override fun onFailure(call: Call<AnimeResponse>, t: Throwable) {
+                view.showError("API ERROR : onFailure")
+            }
+
+        })
+    }
+
+    fun saveList(anime: AnimeResponse?) {
+        val jsonString: String = gson.toJson(anime)
+
+        sharedPreferences
+            .edit()
+            .putString(anime?.mal_id.toString(), jsonString)
+            .apply()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/SearchAnimeController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/SearchAnimeController.kt
new file mode 100644
index 0000000..aa8487e
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/SearchAnimeController.kt
@@ -0,0 +1,73 @@
+package xyz.adjutor.aniki.presentation.controller.anime
+
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.anime.SearchAnimeApi
+import xyz.adjutor.aniki.presentation.model.anime.SearchAnime
+import xyz.adjutor.aniki.presentation.model.anime.SearchAnimeResponse
+import xyz.adjutor.aniki.presentation.view.anime.SearchAnimePage
+
+class SearchAnimeController {
+
+    lateinit var gson: Gson
+    lateinit var baseUrl: String //the api's base url
+    lateinit var view: SearchAnimePage
+
+    fun onStart(searchAnimePage: SearchAnimePage) {
+
+        view = searchAnimePage
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+    }
+
+    //call the API and show the list
+    private fun makeApiCall(view: SearchAnimePage, BASE_URL: String, query: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(SearchAnimeApi::class.java)
+        val call =
+            service.getSearchAnimeData(q = query) //fate is an exemple, we'll have to replace it by the user input.
+
+        call.enqueue(object : Callback<SearchAnimeResponse> {
+            override fun onResponse(
+                call: Call<SearchAnimeResponse>,
+                response: Response<SearchAnimeResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val animeList: List<SearchAnime> = response.body()!!
+                        .getResults() //getting the "search" field containing our list of SearchAnimes
+
+                    view.showList(
+                        view.requireView(),
+                        animeList
+                    ) //calling the method in charge of displaying on the recyclerview
+
+                } else {
+                    view.showError() //a snackbar
+                }
+            }
+
+            override fun onFailure(call: Call<SearchAnimeResponse>, t: Throwable) {
+                view.showError()
+            }
+
+        })
+    }
+
+    fun updateList(userInput: String) {
+        makeApiCall(view, baseUrl, userInput)
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/TopAnimeController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/TopAnimeController.kt
new file mode 100644
index 0000000..7105af5
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/anime/TopAnimeController.kt
@@ -0,0 +1,131 @@
+package xyz.adjutor.aniki.presentation.controller.anime
+
+import android.content.Context
+import android.content.SharedPreferences
+import android.view.View
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import com.google.gson.reflect.TypeToken
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.anime.TopAnimeApi
+import xyz.adjutor.aniki.presentation.model.anime.TopAnime
+import xyz.adjutor.aniki.presentation.model.anime.TopAnimeResponse
+import xyz.adjutor.aniki.presentation.view.anime.TopAnimePage
+import java.lang.reflect.Type
+import kotlin.properties.Delegates
+
+class TopAnimeController {
+
+    lateinit var sharedPreferences: SharedPreferences
+    lateinit var gson: Gson
+    lateinit var baseUrl: String //the api's base url
+    var page by Delegates.notNull<Int>()
+    lateinit var view: TopAnimePage
+
+    fun onStart(topAnimePage: TopAnimePage, viewTopAnimePage: View) {
+
+        view = topAnimePage
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        page = 1
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+        sharedPreferences =
+            viewTopAnimePage.context.getSharedPreferences("sp_anime", Context.MODE_PRIVATE)
+
+
+        val animeList: List<TopAnime>? = getDataFromCache()
+        if (animeList != null) {
+            view.showList(viewTopAnimePage, animeList)
+        } else {
+            makeApiCall(view, baseUrl, 1)
+        }
+    }
+
+    fun makeApiCall(view: TopAnimePage, BASE_URL: String, page: Int) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(TopAnimeApi::class.java)
+        val call = service.getTopAnimeData(page)
+
+        call.enqueue(object : Callback<TopAnimeResponse> {
+            override fun onResponse(
+                call: Call<TopAnimeResponse>,
+                response: Response<TopAnimeResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val animeList: List<TopAnime> = response.body()!!
+                        .getResults() //getting the "top" field containing our list of TopAnimes
+                    saveList(animeList)
+                    view.showList(
+                        view.requireView(),
+                        animeList
+                    ) //calling the method in charge of displaying on the recyclerview
+
+                } else {
+                    view.showError() //a snackbar
+                }
+            }
+
+            override fun onFailure(call: Call<TopAnimeResponse>, t: Throwable) {
+                view.showError()
+            }
+
+        })
+    }
+
+    private fun saveList(animeList: List<TopAnime>) {
+        val jsonString: String = gson.toJson(animeList)
+
+        sharedPreferences
+            .edit()
+            .putString("jsonAnimeList", jsonString)
+            .apply()
+    }
+
+    private fun getDataFromCache(): List<TopAnime>? {
+        //the value of the animeList json, if nothing is found, return null
+        val jsonAnime: String? = sharedPreferences.getString("jsonAnimeList", null)
+
+        //if it's null, well, return null
+        return if (jsonAnime == null) {
+            null
+        } else { //else deserialize the list and return it
+            val listType: Type = object : TypeToken<List<TopAnime>>() {}.type
+            gson.fromJson(jsonAnime, listType)
+        }
+    }
+
+
+    fun onButtonPrevClick() {
+        if (page > 1) { // if we're not on the first page, because we can't go back if we're on the first one.
+            page -= 1
+            makeApiCall(view, baseUrl, page)
+            view.showText("Page $page has been loaded.")
+        } else {
+            view.showText("You're already on page 1. (If you're actually not, refresh the list.)")
+        }
+    }
+
+    fun onButtonNextClick() {
+        page += 1
+        makeApiCall(view, baseUrl, page)
+        view.showText("Page $page has been loaded.")
+    }
+
+    fun updateList() {
+        makeApiCall(view, baseUrl, 1)
+        view.showText("Data refreshed")
+        page = 1
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailSearchMangaController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailSearchMangaController.kt
new file mode 100644
index 0000000..a874976
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailSearchMangaController.kt
@@ -0,0 +1,63 @@
+package xyz.adjutor.aniki.presentation.controller.manga
+
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.manga.MangaApi
+import xyz.adjutor.aniki.presentation.model.manga.MangaResponse
+import xyz.adjutor.aniki.presentation.view.manga.DetailSearchMangaActivity
+
+class DetailSearchMangaController {
+
+    lateinit var gson: Gson
+    private lateinit var baseUrl: String //the api's base url
+    lateinit var view: DetailSearchMangaActivity
+
+    fun onStart(DetailSearchMangaActivity: DetailSearchMangaActivity, mangaId: String) {
+
+        view = DetailSearchMangaActivity
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+
+        makeApiCall(baseUrl, mangaId)
+    }
+
+    private fun makeApiCall(BASE_URL: String, mangaId: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(MangaApi::class.java)
+        val call = service.getMangaData(mangaId) //based on the id
+
+        call.enqueue(object : Callback<MangaResponse> {
+            override fun onResponse(
+                call: Call<MangaResponse>,
+                response: Response<MangaResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val manga = response.body() //getting the MangaResponse fields
+                    view.showDetail(manga!!)
+
+                } else {
+                    view.showError("API ERROR : is not successful")
+                }
+            }
+
+            override fun onFailure(call: Call<MangaResponse>, t: Throwable) {
+                view.showError("API ERROR : onFailure")
+            }
+
+        })
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailTopMangaController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailTopMangaController.kt
new file mode 100644
index 0000000..807421c
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/DetailTopMangaController.kt
@@ -0,0 +1,97 @@
+package xyz.adjutor.aniki.presentation.controller.manga
+
+import android.content.Context
+import android.content.SharedPreferences
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import com.google.gson.reflect.TypeToken
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.manga.MangaApi
+import xyz.adjutor.aniki.presentation.model.manga.MangaResponse
+import xyz.adjutor.aniki.presentation.view.manga.DetailTopMangaActivity
+import java.lang.reflect.Type
+
+class DetailTopMangaController {
+
+    private lateinit var sharedPreferences: SharedPreferences
+    lateinit var gson: Gson
+    private lateinit var baseUrl: String //the api's base url
+    lateinit var view: DetailTopMangaActivity
+
+    fun onStart(DetailTopMangaActivity: DetailTopMangaActivity, mangaId: String) {
+
+        view = DetailTopMangaActivity
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+        sharedPreferences =
+            view.applicationContext.getSharedPreferences("sp_manga", Context.MODE_PRIVATE)
+
+        val manga: MangaResponse? = getDataFromCache(mangaId)
+        if (manga != null) {
+            view.showDetail(manga)
+        } else {
+            //taking the API's fields I want and displaying them
+            makeApiCall(baseUrl, mangaId)
+        }
+    }
+
+    private fun getDataFromCache(mangaId: String): MangaResponse? {
+        val jsonManga: String? = sharedPreferences.getString(mangaId, null)
+
+        return if (jsonManga == null) {
+            null
+        } else {
+            val type: Type = object : TypeToken<MangaResponse>() {}.type
+            gson.fromJson(jsonManga, type)
+        }
+    }
+
+    private fun makeApiCall(BASE_URL: String, mangaId: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(MangaApi::class.java)
+        val call = service.getMangaData(mangaId) //based on the id
+
+        call.enqueue(object : Callback<MangaResponse> {
+            override fun onResponse(
+                call: Call<MangaResponse>,
+                response: Response<MangaResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val manga = response.body() //getting the MangaResponse fields
+                    saveList(manga)
+                    view.showDetail(manga!!)
+
+                } else {
+                    view.showError("API ERROR : is not successful")
+                }
+            }
+
+            override fun onFailure(call: Call<MangaResponse>, t: Throwable) {
+                view.showError("API ERROR : onFailure")
+            }
+
+        })
+    }
+
+    fun saveList(manga: MangaResponse?) {
+        val jsonString: String = gson.toJson(manga)
+
+        sharedPreferences
+            .edit()
+            .putString(manga?.mal_id.toString(), jsonString)
+            .apply()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/SearchMangaController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/SearchMangaController.kt
new file mode 100644
index 0000000..32e46eb
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/SearchMangaController.kt
@@ -0,0 +1,73 @@
+package xyz.adjutor.aniki.presentation.controller.manga
+
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.manga.SearchMangaApi
+import xyz.adjutor.aniki.presentation.model.manga.SearchManga
+import xyz.adjutor.aniki.presentation.model.manga.SearchMangaResponse
+import xyz.adjutor.aniki.presentation.view.manga.SearchMangaPage
+
+class SearchMangaController {
+
+    lateinit var gson: Gson
+    lateinit var baseUrl: String //the api's base url
+    lateinit var view: SearchMangaPage
+
+    fun onStart(searchMangaPage: SearchMangaPage) {
+
+        view = searchMangaPage
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+    }
+
+    //call the API and show the list
+    private fun makeApiCall(view: SearchMangaPage, BASE_URL: String, query: String) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(SearchMangaApi::class.java)
+        val call =
+            service.getSearchMangaData(q = query) //fate is an exemple, we'll have to replace it by the user input.
+
+        call.enqueue(object : Callback<SearchMangaResponse> {
+            override fun onResponse(
+                call: Call<SearchMangaResponse>,
+                response: Response<SearchMangaResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val mangaList: List<SearchManga> = response.body()!!
+                        .getResults() //getting the "search" field containing our list of SearchMangas
+
+                    view.showList(
+                        view.requireView(),
+                        mangaList
+                    ) //calling the method in charge of displaying on the recyclerview
+
+                } else {
+                    view.showError() //a snackbar
+                }
+            }
+
+            override fun onFailure(call: Call<SearchMangaResponse>, t: Throwable) {
+                view.showError()
+            }
+
+        })
+    }
+
+    fun updateList(userInput: String) {
+        makeApiCall(view, baseUrl, userInput)
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/TopMangaController.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/TopMangaController.kt
new file mode 100644
index 0000000..845e750
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/controller/manga/TopMangaController.kt
@@ -0,0 +1,131 @@
+package xyz.adjutor.aniki.presentation.controller.manga
+
+import android.content.Context
+import android.content.SharedPreferences
+import android.view.View
+import com.google.gson.Gson
+import com.google.gson.GsonBuilder
+import com.google.gson.reflect.TypeToken
+import retrofit2.Call
+import retrofit2.Callback
+import retrofit2.Response
+import retrofit2.Retrofit
+import retrofit2.converter.gson.GsonConverterFactory
+import xyz.adjutor.aniki.data.manga.TopMangaApi
+import xyz.adjutor.aniki.presentation.model.manga.TopManga
+import xyz.adjutor.aniki.presentation.model.manga.TopMangaResponse
+import xyz.adjutor.aniki.presentation.view.manga.TopMangaPage
+import java.lang.reflect.Type
+import kotlin.properties.Delegates
+
+class TopMangaController {
+
+    lateinit var sharedPreferences: SharedPreferences
+    lateinit var gson: Gson
+    lateinit var baseUrl: String //the api's base url
+    var page by Delegates.notNull<Int>()
+    lateinit var view: TopMangaPage
+
+    fun onStart(topMangaPage: TopMangaPage, viewTopMangaPage: View) {
+
+        view = topMangaPage
+        baseUrl = "https://api.jikan.moe/" //the api's base url
+        page = 1
+        gson = GsonBuilder()
+            .setLenient()
+            .create()
+        sharedPreferences =
+            viewTopMangaPage.context.getSharedPreferences("sp_manga", Context.MODE_PRIVATE)
+
+
+        val mangaList: List<TopManga>? = getDataFromCache()
+        if (mangaList != null) {
+            view.showList(viewTopMangaPage, mangaList)
+        } else {
+            makeApiCall(view, baseUrl, 1)
+        }
+    }
+
+    private fun makeApiCall(view: TopMangaPage, BASE_URL: String, page: Int) {
+
+        val retrofit = Retrofit.Builder()
+            .baseUrl(BASE_URL)
+            .addConverterFactory(GsonConverterFactory.create(gson))
+            .build()
+
+        val service = retrofit.create(TopMangaApi::class.java)
+        val call = service.getTopMangaData(page)
+
+        call.enqueue(object : Callback<TopMangaResponse> {
+            override fun onResponse(
+                call: Call<TopMangaResponse>,
+                response: Response<TopMangaResponse>
+            ) {
+                if (response.isSuccessful && response.body() != null) { //if the code returned is >= 200 and < 300 AND the the body ain't empty
+
+                    val mangaList: List<TopManga> = response.body()!!
+                        .getResults() //getting the "top" field containing our list of TopMangas
+                    saveList(mangaList)
+                    view.showList(
+                        view.requireView(),
+                        mangaList
+                    ) //calling the method in charge of displaying on the recyclerview
+
+                } else {
+                    view.showError() //a snackbar
+                }
+            }
+
+            override fun onFailure(call: Call<TopMangaResponse>, t: Throwable) {
+                view.showError()
+            }
+
+        })
+    }
+
+    private fun saveList(mangaList: List<TopManga>) {
+        val jsonString: String = gson.toJson(mangaList)
+
+        sharedPreferences
+            .edit()
+            .putString("jsonMangaList", jsonString)
+            .apply()
+    }
+
+    private fun getDataFromCache(): List<TopManga>? {
+        //the value of the mangaList json, if nothing is found, return null
+        val jsonManga: String? = sharedPreferences.getString("jsonMangaList", null)
+
+        //if it's null, well, return null
+        return if (jsonManga == null) {
+            null
+        } else { //else deserialize the list and return it
+            val listType: Type = object : TypeToken<List<TopManga>>() {}.type
+            gson.fromJson(jsonManga, listType)
+        }
+    }
+
+
+    fun onButtonPrevClick() {
+        if (page > 1) { // if we're not on the first page, because we can't go back if we're on the first one.
+            page -= 1
+            makeApiCall(view, baseUrl, page)
+            view.showText("Page $page has been loaded.")
+        } else {
+            view.showText("You're already on page 1. (If you're actually not, refresh the list.)")
+        }
+    }
+
+    fun onButtonNextClick() {
+        page += 1
+        makeApiCall(view, baseUrl, page)
+        view.showText("Page $page has been loaded.")
+    }
+
+    fun updateList() {
+        makeApiCall(view, baseUrl, 1)
+        view.showText("Data refreshed")
+        page = 1
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/AnimeResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/AnimeResponse.kt
new file mode 100644
index 0000000..e4336ce
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/AnimeResponse.kt
@@ -0,0 +1,16 @@
+package xyz.adjutor.aniki.presentation.model.anime
+
+import com.google.gson.annotations.SerializedName
+
+class AnimeResponse { //only kept the infos I didn't have and that were interesting to me.
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("rank")
+    var rank: Int? = null //added for the search feature (detail)
+
+    @SerializedName("synopsis")
+    var synopsis: String? = null
+
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnime.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnime.kt
new file mode 100644
index 0000000..7e4340c
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnime.kt
@@ -0,0 +1,31 @@
+package xyz.adjutor.aniki.presentation.model.anime
+
+import com.google.gson.annotations.SerializedName
+
+class SearchAnime {
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("url")
+    var url: String? = null
+
+    @SerializedName("image_url")
+    var image_url: String? = null
+
+    @SerializedName("title")
+    var title: String? = null
+
+    @SerializedName("episodes")
+    var episodes: Int? = null
+
+    @SerializedName("score")
+    var score: Float? = null
+
+    @SerializedName("start_date") //we'll maybe remove this later
+    var start_date: String? = null
+
+    @SerializedName("end_date") //we'll maybe remove this later
+    var end_date: String? = null
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnimeResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnimeResponse.kt
new file mode 100644
index 0000000..d04aa67
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/SearchAnimeResponse.kt
@@ -0,0 +1,13 @@
+package xyz.adjutor.aniki.presentation.model.anime
+
+import com.google.gson.annotations.SerializedName
+
+class SearchAnimeResponse { //only kept the infos I didn't have and that were interesting to me.
+
+    @SerializedName("results")
+    private lateinit var results: List<SearchAnime>
+
+    fun getResults(): List<SearchAnime> {
+        return results
+    }
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnime.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnime.kt
new file mode 100644
index 0000000..aefc1c5
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnime.kt
@@ -0,0 +1,35 @@
+package xyz.adjutor.aniki.presentation.model.anime
+
+import com.google.gson.annotations.SerializedName
+
+//Content of the top field from the api of top anime
+class TopAnime {
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("rank")
+    var rank: Int? = null
+
+    @SerializedName("title")
+    var title: String? = null
+
+    @SerializedName("url")
+    var url: String? = null
+
+    @SerializedName("episodes")
+    var episodes: Int? = null
+
+    @SerializedName("start_date")
+    var start_date: String? = null
+
+    @SerializedName("end_date")
+    var end_date: String? = null
+
+    @SerializedName("score")
+    var score: Float? = null
+
+    @SerializedName("image_url")
+    var image_url: String? = null
+
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnimeResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnimeResponse.kt
new file mode 100644
index 0000000..48e2f8f
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/anime/TopAnimeResponse.kt
@@ -0,0 +1,13 @@
+package xyz.adjutor.aniki.presentation.model.anime
+
+import com.google.gson.annotations.SerializedName
+
+class TopAnimeResponse {
+
+    @SerializedName("top")
+    var top: List<TopAnime>? = null
+
+    fun getResults(): List<TopAnime> {
+        return top!!
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/MangaResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/MangaResponse.kt
new file mode 100644
index 0000000..06aeed0
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/MangaResponse.kt
@@ -0,0 +1,22 @@
+package xyz.adjutor.aniki.presentation.model.manga
+
+import com.google.gson.annotations.SerializedName
+
+class MangaResponse { //only kept the infos I didn't have and that were interesting to me.
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("chapters")
+    var chapters: Int? = null
+
+    @SerializedName("synopsis")
+    var synopsis: String? = null
+
+    @SerializedName("rank")
+    var rank: Int? = null //added for the search feature (detail)
+
+    @SerializedName("background")
+    var background: String? = null //a bit of background story about the manga
+
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchManga.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchManga.kt
new file mode 100644
index 0000000..d69227b
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchManga.kt
@@ -0,0 +1,34 @@
+package xyz.adjutor.aniki.presentation.model.manga
+
+import com.google.gson.annotations.SerializedName
+
+class SearchManga {
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("url")
+    var url: String? = null
+
+    @SerializedName("image_url")
+    var image_url: String? = null
+
+    @SerializedName("title")
+    var title: String? = null
+
+    @SerializedName("chapters")
+    var chapters: Int? = null
+
+    @SerializedName("volumes")
+    var volumes: Int? = null
+
+    @SerializedName("score")
+    var score: Float? = null
+
+    @SerializedName("start_date") //we'll maybe remove this later
+    var start_date: String? = null
+
+    @SerializedName("end_date") //we'll maybe remove this later
+    var end_date: String? = null
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchMangaResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchMangaResponse.kt
new file mode 100644
index 0000000..942c071
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/SearchMangaResponse.kt
@@ -0,0 +1,13 @@
+package xyz.adjutor.aniki.presentation.model.manga
+
+import com.google.gson.annotations.SerializedName
+
+class SearchMangaResponse { //only kept the infos I didn't have and that were interesting to me.
+
+    @SerializedName("results")
+    private lateinit var results: List<SearchManga>
+
+    fun getResults(): List<SearchManga> {
+        return results
+    }
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopManga.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopManga.kt
new file mode 100644
index 0000000..4fe3951
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopManga.kt
@@ -0,0 +1,36 @@
+package xyz.adjutor.aniki.presentation.model.manga
+
+import com.google.gson.annotations.SerializedName
+
+//model
+//Content of the top field from the api of top manga
+class TopManga {
+
+    @SerializedName("mal_id")
+    var mal_id: Int? = null
+
+    @SerializedName("rank")
+    var rank: Int? = null
+
+    @SerializedName("title")
+    var title: String? = null
+
+    @SerializedName("url")
+    var url: String? = null
+
+    @SerializedName("volumes")
+    var volumes: Int? = null
+
+    @SerializedName("start_date")
+    var start_date: String? = null
+
+    @SerializedName("end_date")
+    var end_date: String? = null
+
+    @SerializedName("score")
+    var score: Float? = null
+
+    @SerializedName("image_url")
+    var image_url: String? = null
+
+}
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopMangaResponse.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopMangaResponse.kt
new file mode 100644
index 0000000..a0f6b8c
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/model/manga/TopMangaResponse.kt
@@ -0,0 +1,13 @@
+package xyz.adjutor.aniki.presentation.model.manga
+
+import com.google.gson.annotations.SerializedName
+
+class TopMangaResponse {
+
+    @SerializedName("top")
+    private lateinit var top: List<TopManga>
+
+    fun getResults(): List<TopManga> {
+        return top
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/HomePage.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/HomePage.kt
new file mode 100644
index 0000000..f2abca1
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/HomePage.kt
@@ -0,0 +1,38 @@
+package xyz.adjutor.aniki.presentation.view
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import xyz.adjutor.aniki.R
+
+class HomePage : Fragment() {
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        return inflater.inflate(R.layout.home_page, container, false)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        view.findViewById<Button>(R.id.button_top_manga).setOnClickListener {
+            findNavController().navigate(R.id.action_HomePage_to_TopMangaPage)
+        }
+        view.findViewById<Button>(R.id.button_top_anime).setOnClickListener {
+            findNavController().navigate(R.id.action_HomePage_to_TopAnimePage)
+        }
+        view.findViewById<Button>(R.id.button_search_manga).setOnClickListener {
+            findNavController().navigate(R.id.action_HomePage_to_SearchMangaPage)
+        }
+        view.findViewById<Button>(R.id.button_search_anime).setOnClickListener {
+            findNavController().navigate(R.id.action_HomePage_to_SearchAnimePage)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/MainActivity.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/MainActivity.kt
new file mode 100644
index 0000000..e58737a
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/MainActivity.kt
@@ -0,0 +1,15 @@
+package xyz.adjutor.aniki.presentation.view
+
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+import xyz.adjutor.aniki.R
+
+class MainActivity : AppCompatActivity() {
+
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+        setSupportActionBar(findViewById(R.id.toolbar))
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailSearchAnimeActivity.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailSearchAnimeActivity.kt
new file mode 100644
index 0000000..5acf1c3
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailSearchAnimeActivity.kt
@@ -0,0 +1,114 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.os.Bundle
+import android.widget.ImageView
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.anime.DetailSearchAnimeController
+import xyz.adjutor.aniki.presentation.model.anime.AnimeResponse
+
+class DetailSearchAnimeActivity : AppCompatActivity() {
+
+    lateinit var controller: DetailSearchAnimeController
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_detail_search_anime)
+
+        controller = DetailSearchAnimeController()
+
+        //used in the list
+        val intentAnimeImageUrl = "theanimeimageurl"
+        val intentAnimeTitle = "theanimetitle"
+        val intentAnimeScore = "theanimescore"
+
+        //only used for the detail
+        val intentAnimeId = "theanimeid"
+        val intentAnimeUrl = "theanimeurl"
+        val intentAnimeEpisodes = "theanimeepisodes"
+        val intentAnimeStartDate = "theanimestartdate"
+        val intentAnimeEndDate = "theanimeenddate"
+
+        val animeImageUrl = intent.getStringExtra(intentAnimeImageUrl)
+        val animeTitle = intent.getStringExtra(intentAnimeTitle)
+        val animeScore = intent.getStringExtra(intentAnimeScore)
+
+        val animeId = intent.getStringExtra(intentAnimeId)
+        val animeUrl = intent.getStringExtra(intentAnimeUrl)
+        val animeEpisodes = intent.getStringExtra(intentAnimeEpisodes)
+        val animeStartDate = intent.getStringExtra(intentAnimeStartDate)
+        val animeEndDate = intent.getStringExtra(intentAnimeEndDate)
+
+
+        val ivImage: ImageView = findViewById(R.id.iv_detail_image)
+        val tvTitle: TextView = findViewById(R.id.tv_detail_title)
+        val tvScore: TextView = findViewById(R.id.tv_detail_score)
+
+        val tvId: TextView = findViewById(R.id.tv_detail_id)
+        val tvUrl: TextView = findViewById(R.id.tv_url)
+        val tvEpisodes: TextView = findViewById(R.id.tv_episodes)
+        val tvStartDate: TextView = findViewById(R.id.tv_start_date)
+        val tvEndDate: TextView = findViewById(R.id.tv_end_date)
+
+        Glide
+            .with(this)
+            .load(animeImageUrl)
+            .apply(RequestOptions().override(400))
+            .into(ivImage)
+        tvTitle.text = animeTitle
+        tvScore.text = animeScore
+
+
+        tvId.text = animeId
+        tvUrl.text = animeUrl
+
+        //using null as a string because it has been converted to a string before
+        tvEpisodes.text = if (animeEpisodes != "null") {
+            animeEpisodes
+        } else {
+            fieldIsNull()
+        }
+
+        tvStartDate.text = splitDate(animeStartDate!!)
+
+        tvEndDate.text = if (animeEndDate != "null") {
+            splitDate(animeEndDate!!)
+        } else {
+            fieldIsNull()
+        }
+
+        controller.onStart(this, animeId.toString())
+
+    }
+
+    private fun splitDate(animeDate: String): CharSequence {
+        val delimiter = "T"
+        return animeDate
+            .split(delimiter) //split between the date and the time
+            .toTypedArray()[0] //convert it to an array and take the first string
+
+    }
+
+    fun showDetail(anime: AnimeResponse) {
+        //elements from AnimeResponse
+        val tvSynopsis: TextView = findViewById(R.id.tv_synopsis)
+        val tvRank: TextView = findViewById(R.id.tv_detail_rank)
+
+        tvSynopsis.text = anime.synopsis.toString()
+
+        tvRank.text = anime.rank.toString()
+
+    }
+
+    fun showError(text: String) {
+        Toast.makeText(this, text, Toast.LENGTH_LONG).show()
+    }
+
+    private fun fieldIsNull(): String {
+        return "Unknown"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailTopAnimeActivity.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailTopAnimeActivity.kt
new file mode 100644
index 0000000..b8cf505
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/DetailTopAnimeActivity.kt
@@ -0,0 +1,104 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.os.Bundle
+import android.widget.ImageView
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.anime.DetailTopAnimeController
+import xyz.adjutor.aniki.presentation.model.anime.AnimeResponse
+
+class DetailTopAnimeActivity : AppCompatActivity() {
+
+    lateinit var controller: DetailTopAnimeController
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_detail_top_anime)
+
+        controller = DetailTopAnimeController()
+
+        val intentAnimeId = "theanimeid"
+        val intentAnimeTitle = "theanimetitle"
+        val intentAnimeRank = "theanimerank"
+        val intentAnimeScore = "theanimescore"
+        val intentAnimeImageUrl = "theanimeimageurl"
+
+        val intentAnimeEpisodes = "theanimeepisodes"
+        val intentAnimeStartDate = "theanimestartdate"
+        val intentAnimeEndDate = "theanimeenddate"
+        val intentAnimeUrl = "theanimeurl"
+
+        val animeId = intent.getStringExtra(intentAnimeId)
+        val animeTitle = intent.getStringExtra(intentAnimeTitle)
+        val animeRank = intent.getStringExtra(intentAnimeRank)
+        val animeScore = intent.getStringExtra(intentAnimeScore)
+        val animeImageUrl = intent.getStringExtra(intentAnimeImageUrl)
+
+        val animeEpisodes = intent.getStringExtra(intentAnimeEpisodes)
+        val animeStartDate = intent.getStringExtra(intentAnimeStartDate)
+        val animeEndDate = intent.getStringExtra(intentAnimeEndDate)
+        val animeUrl = intent.getStringExtra(intentAnimeUrl)
+
+        val tvId: TextView = findViewById(R.id.tv_detail_id)
+        val tvTitle: TextView = findViewById(R.id.tv_detail_title)
+        val tvRank: TextView = findViewById(R.id.tv_detail_rank)
+        val tvScore: TextView = findViewById(R.id.tv_detail_score)
+        val ivImage: ImageView = findViewById(R.id.iv_detail_image)
+
+        val tvEpisodes: TextView = findViewById(R.id.tv_episodes)
+        val tvStartDate: TextView = findViewById(R.id.tv_start_date)
+        val tvEndDate: TextView = findViewById(R.id.tv_end_date)
+        val tvUrl: TextView = findViewById(R.id.tv_url)
+
+        tvId.text = animeId
+        tvTitle.text = animeTitle
+        tvRank.text = animeRank
+        tvScore.text = animeScore
+        Glide
+            .with(this)
+            .load(animeImageUrl)
+            .apply(RequestOptions().override(400))
+            .into(ivImage)
+
+        //using null as a string because it has been converted to a string before
+        tvEpisodes.text = if (animeEpisodes != "null") {
+            animeEpisodes
+        } else {
+            fieldIsNull()
+        }
+
+        tvStartDate.text = animeStartDate
+
+        tvEndDate.text = if (animeEndDate != "null") {
+            animeEndDate
+        } else {
+            fieldIsNull()
+        }
+
+        tvUrl.text = animeUrl
+
+        controller.onStart(this, animeId.toString())
+
+    }
+
+    fun showDetail(anime: AnimeResponse) {
+        //elements from AnimeResponse
+        val tvSynopsis: TextView = findViewById(R.id.tv_synopsis)
+
+        tvSynopsis.text = anime.synopsis.toString()
+
+    }
+
+    fun showError(text: String) {
+        Toast.makeText(this, text, Toast.LENGTH_LONG).show()
+    }
+
+    private fun fieldIsNull(): String {
+        return "Unknown"
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimeAdapter.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimeAdapter.kt
new file mode 100644
index 0000000..3bb875b
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimeAdapter.kt
@@ -0,0 +1,82 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.cardview.widget.CardView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.model.anime.SearchAnime
+
+class SearchAnimeAdapter(private val animeList: List<SearchAnime>) :
+    RecyclerView.Adapter<SearchAnimeAdapter.AnimeViewHolder>() {
+
+    // Describes an item view and its place within the RecyclerView
+    class AnimeViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val animeTitle: TextView = itemView.findViewById(R.id.tv_title)
+        val animeRank: TextView = itemView.findViewById(R.id.tv_rank)
+        val animeScore: TextView = itemView.findViewById(R.id.tv_score)
+        val animeImage: ImageView = itemView.findViewById(R.id.iv_image)
+        val cardview: CardView = itemView.findViewById(R.id.cv_cardView)
+    }
+
+    // Returns a new ViewHolder
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): AnimeViewHolder {
+        val view = LayoutInflater.from(parent.context)
+            .inflate(R.layout.item_layout, parent, false)
+
+        return AnimeViewHolder(view)
+    }
+
+    // Returns size of data list
+    override fun getItemCount(): Int {
+        return animeList.size
+    }
+
+    // Displays data at a certain position
+    override fun onBindViewHolder(holder: AnimeViewHolder, position: Int) {
+        val currentAnime: SearchAnime = animeList[position]
+        holder.animeTitle.text = currentAnime.title
+        holder.animeRank.text = "" //the rank isn't supplied by this API
+        holder.animeScore.text = currentAnime.score.toString()
+        val image: String = currentAnime.image_url.toString()
+        Glide
+            .with(holder.itemView.context)
+            .load(image)
+            .apply(RequestOptions().override(400))
+            .into(holder.animeImage)
+
+        //when you click on a selected cardview, some datas are sent to the other activity
+        holder.cardview.setOnClickListener {
+            val currentAnimeId = "theanimeid"
+            val currentAnimeUrl = "theanimeurl"
+            val currentAnimeImageUrl = "theanimeimageurl"
+            val currentAnimeTitle = "theanimetitle"
+            val currentAnimeEpisodes = "theanimeepisodes"
+            val currentAnimeScore = "theanimescore"
+            val currentAnimeStartDate = "theanimestartdate"
+            val currentAnimeEndDate = "theanimeenddate"
+
+            //intent is used to pass data to another activity
+
+            val intent: Intent =
+                Intent(holder.itemView.context, DetailSearchAnimeActivity::class.java).apply {
+                    putExtra(currentAnimeId, currentAnime.mal_id.toString())
+                    putExtra(currentAnimeUrl, currentAnime.url.toString())
+                    putExtra(currentAnimeImageUrl, currentAnime.image_url.toString())
+                    putExtra(currentAnimeTitle, currentAnime.title)
+                    putExtra(currentAnimeEpisodes, currentAnime.episodes.toString())
+                    putExtra(currentAnimeScore, currentAnime.score.toString())
+                    putExtra(currentAnimeStartDate, currentAnime.start_date)
+                    putExtra(currentAnimeEndDate, currentAnime.end_date.toString())
+                }
+            holder.itemView.context.startActivity(intent)
+        }
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimePage.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimePage.kt
new file mode 100644
index 0000000..764601f
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/SearchAnimePage.kt
@@ -0,0 +1,99 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.content.Context
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.EditorInfo
+import android.view.inputmethod.InputMethodManager
+import android.widget.Button
+import android.widget.TextView
+import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.snackbar.Snackbar
+import com.google.android.material.textfield.TextInputEditText
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.anime.SearchAnimeController
+import xyz.adjutor.aniki.presentation.model.anime.SearchAnime
+import xyz.adjutor.aniki.presentation.view.MainActivity
+
+class SearchAnimePage : Fragment() {
+
+    lateinit var controller: SearchAnimeController
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.search_anime_page, container, false)
+
+        controller = SearchAnimeController()
+        controller.onStart(this)
+
+        return view
+    }
+
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        //button to return to the home page
+        view.findViewById<Button>(R.id.button_home).setOnClickListener {
+            findNavController().navigate(R.id.action_SearchAnimePage_to_HomePage)
+        }
+
+        view.findViewById<Button>(R.id.button_query).setOnClickListener {
+            val userInput = view.findViewById<TextInputEditText>(R.id.tiet_query).text.toString()
+            hideKeyboard()
+            controller.updateList(userInput)
+        }
+
+        view.findViewById<TextInputEditText>(R.id.tiet_query)
+            .setOnEditorActionListener(TextView.OnEditorActionListener { v, actionId, event ->
+                if (actionId == EditorInfo.IME_ACTION_SEARCH) {
+                    val userInput =
+                        view.findViewById<TextInputEditText>(R.id.tiet_query).text.toString()
+                    hideKeyboard()
+                    controller.updateList(userInput)
+                    return@OnEditorActionListener true
+                }
+                false
+            })
+
+    }
+
+    private fun hideKeyboard() {
+        val activity = activity as MainActivity
+
+        val view = activity.currentFocus
+        if (view != null) {
+            val imm = activity.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
+            imm.hideSoftInputFromWindow(view.windowToken, 0)
+        }
+    }
+
+    //display the recyclerview
+    fun showList(view: View, animeList: List<SearchAnime>) {
+        val recyclerView: RecyclerView = view.findViewById(R.id.recycler_view)
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(view.context)
+        recyclerView.adapter = SearchAnimeAdapter(animeList)
+        (recyclerView.adapter as SearchAnimeAdapter).notifyDataSetChanged()
+    }
+
+
+    //display a snack
+    fun showError() {
+        Snackbar.make(
+            requireView(),
+            "API ERROR : Verify your internet connection or your query.",
+            Snackbar.LENGTH_LONG
+        )
+            .setAction("Action", null).show()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimeAdapter.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimeAdapter.kt
new file mode 100644
index 0000000..0529c26
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimeAdapter.kt
@@ -0,0 +1,81 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.cardview.widget.CardView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.model.anime.TopAnime
+
+class TopAnimeAdapter(private val animeList: List<TopAnime>) :
+    RecyclerView.Adapter<TopAnimeAdapter.AnimeViewHolder>() {
+
+    // Describes an item view and its place within the RecyclerView
+    class AnimeViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val animeTitle: TextView = itemView.findViewById(R.id.tv_title)
+        val animeRank: TextView = itemView.findViewById(R.id.tv_rank)
+        val animeScore: TextView = itemView.findViewById(R.id.tv_score)
+        val animeImage: ImageView = itemView.findViewById(R.id.iv_image)
+        val cardview: CardView = itemView.findViewById(R.id.cv_cardView)
+    }
+
+    // Returns a new ViewHolder
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): AnimeViewHolder {
+        val view = LayoutInflater.from(parent.context)
+            .inflate(R.layout.item_layout, parent, false)
+
+        return AnimeViewHolder(view)
+    }
+
+    // Returns size of data list
+    override fun getItemCount(): Int {
+        return animeList.size
+    }
+
+    // Displays data at a certain position
+    override fun onBindViewHolder(holder: AnimeViewHolder, position: Int) {
+        val currentAnime: TopAnime = animeList[position]
+        holder.animeTitle.text = currentAnime.title
+        holder.animeRank.text = currentAnime.rank.toString()
+        holder.animeScore.text = currentAnime.score.toString()
+        val image: String = currentAnime.image_url.toString()
+        Glide
+            .with(holder.itemView.context)
+            .load(image)
+            .apply(RequestOptions().override(400))
+            .into(holder.animeImage)
+
+        //when you click on a selected cardview, some datas are sent to the other activity
+        holder.cardview.setOnClickListener {
+            val currentAnimeId = "theanimeid"
+            val currentAnimeTitle = "theanimetitle"
+            val currentAnimeRank = "theanimerank"
+            val currentAnimeScore = "theanimescore"
+            val currentAnimeImageUrl = "theanimeimageurl"
+            val currentAnimeEpisodes = "theanimeepisodes"
+            val currentAnimeStartDate = "theanimestartdate"
+            val currentAnimeEndDate = "theanimeenddate"
+            val currentAnimeUrl = "theanimeurl"
+
+            val intent: Intent =
+                Intent(holder.itemView.context, DetailTopAnimeActivity::class.java).apply {
+                    putExtra(currentAnimeId, currentAnime.mal_id.toString())
+                    putExtra(currentAnimeTitle, currentAnime.title)
+                    putExtra(currentAnimeRank, currentAnime.rank.toString())
+                    putExtra(currentAnimeScore, currentAnime.score.toString())
+                    putExtra(currentAnimeImageUrl, currentAnime.image_url.toString())
+                    putExtra(currentAnimeEpisodes, currentAnime.episodes.toString())
+                    putExtra(currentAnimeStartDate, currentAnime.start_date)
+                    putExtra(currentAnimeEndDate, currentAnime.end_date.toString())
+                    putExtra(currentAnimeUrl, currentAnime.url.toString())
+                }
+            holder.itemView.context.startActivity(intent)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimePage.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimePage.kt
new file mode 100644
index 0000000..5453154
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/anime/TopAnimePage.kt
@@ -0,0 +1,87 @@
+package xyz.adjutor.aniki.presentation.view.anime
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import androidx.swiperefreshlayout.widget.SwipeRefreshLayout
+import com.google.android.material.snackbar.Snackbar
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.anime.TopAnimeController
+import xyz.adjutor.aniki.presentation.model.anime.TopAnime
+
+//view
+class TopAnimePage : Fragment() {
+
+    lateinit var controller: TopAnimeController
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.top_anime_page, container, false)
+
+        controller = TopAnimeController()
+        controller.onStart(this, view)
+
+        return view
+
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        //button to return to the home page
+        view.findViewById<Button>(R.id.button_home).setOnClickListener {
+            findNavController().navigate(R.id.action_TopAnimePage_to_HomePage)
+        }
+        view.findViewById<Button>(R.id.button_prev).setOnClickListener {
+            controller.onButtonPrevClick()
+        }
+        view.findViewById<Button>(R.id.button_next).setOnClickListener {
+            controller.onButtonNextClick()
+        }
+
+        //refresh when swiping down at the top of the page
+        val swipeRefresh: SwipeRefreshLayout = view.findViewById(R.id.swiperefresh)
+        swipeRefresh.setOnRefreshListener {
+            controller.updateList()
+            swipeRefresh.isRefreshing = false
+        }
+
+    }
+
+    //display the recyclerview
+    fun showList(view: View, animeList: List<TopAnime>) {
+        val recyclerView: RecyclerView = view.findViewById(R.id.recycler_view)
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(view.context)
+        recyclerView.adapter = TopAnimeAdapter(animeList)
+        (recyclerView.adapter as TopAnimeAdapter).notifyDataSetChanged()
+    }
+
+    fun showError() {
+        Snackbar.make(
+            requireView(),
+            "API ERROR : Verify your internet connection.",
+            Snackbar.LENGTH_LONG
+        )
+            .setAction("Action", null).show()
+    }
+
+    fun showText(text: String) {
+        Snackbar.make(
+            requireView(),
+            text,
+            Snackbar.LENGTH_SHORT
+        )
+            .setAction("Action", null).show()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailSearchMangaActivity.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailSearchMangaActivity.kt
new file mode 100644
index 0000000..83beb9b
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailSearchMangaActivity.kt
@@ -0,0 +1,130 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.os.Bundle
+import android.widget.ImageView
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.manga.DetailSearchMangaController
+import xyz.adjutor.aniki.presentation.model.manga.MangaResponse
+
+class DetailSearchMangaActivity : AppCompatActivity() {
+
+    lateinit var controller: DetailSearchMangaController
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_detail_search_manga)
+
+        controller = DetailSearchMangaController()
+
+        //used in the list
+        val intentMangaImageUrl = "themangaimageurl"
+        val intentMangaTitle = "themangatitle"
+        val intentMangaScore = "themangascore"
+
+        //only used for the detail
+        val intentMangaId = "themangaid"
+        val intentMangaUrl = "themangaurl"
+        val intentMangaChapters = "themangachapters"
+        val intentMangaVolumes = "themangavolumes"
+        val intentMangaStartDate = "themangastartdate"
+        val intentMangaEndDate = "themangaenddate"
+
+        val mangaImageUrl = intent.getStringExtra(intentMangaImageUrl)
+        val mangaTitle = intent.getStringExtra(intentMangaTitle)
+        val mangaScore = intent.getStringExtra(intentMangaScore)
+
+        val mangaId = intent.getStringExtra(intentMangaId)
+        val mangaUrl = intent.getStringExtra(intentMangaUrl)
+        val mangaChapters = intent.getStringExtra(intentMangaChapters)
+        val mangaVolumes = intent.getStringExtra(intentMangaVolumes)
+        val mangaStartDate = intent.getStringExtra(intentMangaStartDate)
+        val mangaEndDate = intent.getStringExtra(intentMangaEndDate)
+
+
+        val ivImage: ImageView = findViewById(R.id.iv_detail_image)
+        val tvTitle: TextView = findViewById(R.id.tv_detail_title)
+        val tvScore: TextView = findViewById(R.id.tv_detail_score)
+
+        val tvId: TextView = findViewById(R.id.tv_detail_id)
+        val tvUrl: TextView = findViewById(R.id.tv_url)
+        val tvChapters: TextView = findViewById(R.id.tv_chapters)
+        val tvVolumes: TextView = findViewById(R.id.tv_volumes)
+        val tvStartDate: TextView = findViewById(R.id.tv_start_date)
+        val tvEndDate: TextView = findViewById(R.id.tv_end_date)
+
+        Glide
+            .with(this)
+            .load(mangaImageUrl)
+            .apply(RequestOptions().override(400))
+            .into(ivImage)
+        tvTitle.text = mangaTitle
+        tvScore.text = mangaScore
+
+
+        tvId.text = mangaId
+        tvUrl.text = mangaUrl
+
+        //using null as a string because it has been converted to a string before
+        tvChapters.text = if (mangaChapters != "null") {
+            mangaChapters
+        } else {
+            fieldIsNull()
+        }
+
+        tvVolumes.text = if (mangaVolumes != "null") {
+            mangaVolumes
+        } else {
+            fieldIsNull()
+        }
+
+        tvStartDate.text = splitDate(mangaStartDate!!)
+
+        tvEndDate.text = if (mangaEndDate != "null") {
+            splitDate(mangaEndDate!!)
+        } else {
+            fieldIsNull()
+        }
+
+        controller.onStart(this, mangaId.toString())
+
+    }
+
+    private fun splitDate(mangaDate: String): CharSequence {
+        val delimiter = "T"
+        return mangaDate
+            .split(delimiter) //split between the date and the time
+            .toTypedArray()[0] //convert it to an array and take the first string
+
+    }
+
+    fun showDetail(manga: MangaResponse) {
+        //elements from MangaResponse
+        val tvSynopsis: TextView = findViewById(R.id.tv_synopsis)
+        val tvRank: TextView = findViewById(R.id.tv_detail_rank)
+        val tvBackground: TextView = findViewById(R.id.tv_background)
+
+        tvSynopsis.text = manga.synopsis.toString()
+
+        tvRank.text = manga.rank.toString()
+
+        tvBackground.text = if (manga.background != null) {
+            manga.background.toString()
+        } else {
+            fieldIsNull()
+        }
+
+    }
+
+    fun showError(text: String) {
+        Toast.makeText(this, text, Toast.LENGTH_LONG).show()
+    }
+
+    private fun fieldIsNull(): String {
+        return "Unknown"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailTopMangaActivity.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailTopMangaActivity.kt
new file mode 100644
index 0000000..2a4b28b
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/DetailTopMangaActivity.kt
@@ -0,0 +1,121 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.os.Bundle
+import android.widget.ImageView
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.manga.DetailTopMangaController
+import xyz.adjutor.aniki.presentation.model.manga.MangaResponse
+
+class DetailTopMangaActivity : AppCompatActivity() {
+
+    lateinit var controller: DetailTopMangaController
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_detail_top_manga)
+
+        controller = DetailTopMangaController()
+
+        //used in the list
+        val intentMangaTitle = "themangatitle"
+        val intentMangaRank = "themangarank"
+        val intentMangaScore = "themangascore"
+        val intentMangaImageUrl = "themangaimageurl"
+
+        //only used for the detail
+        val intentMangaId = "themangaid"
+        val intentMangaVolumes = "themangavolumes"
+        val intentMangaStartDate = "themangastartdate"
+        val intentMangaEndDate = "themangaenddate"
+        val intentMangaUrl = "themangaurl"
+
+        val mangaTitle = intent.getStringExtra(intentMangaTitle)
+        val mangaRank = intent.getStringExtra(intentMangaRank)
+        val mangaScore = intent.getStringExtra(intentMangaScore)
+        val mangaImageUrl = intent.getStringExtra(intentMangaImageUrl)
+
+        val mangaId = intent.getStringExtra(intentMangaId)
+        val mangaVolumes = intent.getStringExtra(intentMangaVolumes)
+        val mangaStartDate = intent.getStringExtra(intentMangaStartDate)
+        val mangaEndDate = intent.getStringExtra(intentMangaEndDate)
+        val mangaUrl = intent.getStringExtra(intentMangaUrl)
+
+        val tvTitle: TextView = findViewById(R.id.tv_detail_title)
+        val tvRank: TextView = findViewById(R.id.tv_detail_rank)
+        val tvScore: TextView = findViewById(R.id.tv_detail_score)
+        val ivImage: ImageView = findViewById(R.id.iv_detail_image)
+
+        val tvId: TextView = findViewById(R.id.tv_detail_id)
+        val tvVolumes: TextView = findViewById(R.id.tv_volumes)
+        val tvStartDate: TextView = findViewById(R.id.tv_start_date)
+        val tvEndDate: TextView = findViewById(R.id.tv_end_date)
+        val tvUrl: TextView = findViewById(R.id.tv_url)
+
+        tvTitle.text = mangaTitle
+        tvRank.text = mangaRank
+        tvScore.text = mangaScore
+        Glide
+            .with(this)
+            .load(mangaImageUrl)
+            .apply(RequestOptions().override(400))
+            .into(ivImage)
+
+        tvId.text = mangaId
+
+        //using null as a string because it has been converted to a string before
+        tvVolumes.text = if (mangaVolumes != "null") {
+            mangaVolumes
+        } else {
+            fieldIsNull()
+        }
+
+        tvStartDate.text = mangaStartDate
+
+        tvEndDate.text = if (mangaEndDate != "null") {
+            mangaEndDate
+        } else {
+            fieldIsNull()
+        }
+
+        tvUrl.text = mangaUrl
+
+        controller.onStart(this, mangaId.toString())
+
+    }
+
+    fun showDetail(manga: MangaResponse) {
+        //elements from MangaResponse
+        val tvChapters: TextView = findViewById(R.id.tv_chapters)
+        val tvSynopsis: TextView = findViewById(R.id.tv_synopsis)
+        val tvBackground: TextView = findViewById(R.id.tv_background)
+
+        tvChapters.text = if (manga.chapters != null) {
+            manga.chapters.toString()
+        } else {
+            fieldIsNull()
+        }
+
+        tvSynopsis.text = manga.synopsis.toString()
+
+        tvBackground.text = if (manga.background != null) {
+            manga.background.toString()
+        } else {
+            fieldIsNull()
+        }
+
+    }
+
+    fun showError(text: String) {
+        Toast.makeText(this, text, Toast.LENGTH_LONG).show()
+    }
+
+    private fun fieldIsNull(): String {
+        return "Unknown"
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaAdapter.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaAdapter.kt
new file mode 100644
index 0000000..c0813c8
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaAdapter.kt
@@ -0,0 +1,84 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.cardview.widget.CardView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.model.manga.SearchManga
+
+class SearchMangaAdapter(private val mangaList: List<SearchManga>) :
+    RecyclerView.Adapter<SearchMangaAdapter.MangaViewHolder>() {
+
+    // Describes an item view and its place within the RecyclerView
+    class MangaViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val mangaTitle: TextView = itemView.findViewById(R.id.tv_title)
+        val mangaRank: TextView = itemView.findViewById(R.id.tv_rank)
+        val mangaScore: TextView = itemView.findViewById(R.id.tv_score)
+        val mangaImage: ImageView = itemView.findViewById(R.id.iv_image)
+        val cardview: CardView = itemView.findViewById(R.id.cv_cardView)
+    }
+
+    // Returns a new ViewHolder
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MangaViewHolder {
+        val view = LayoutInflater.from(parent.context)
+            .inflate(R.layout.item_layout, parent, false)
+
+        return MangaViewHolder(view)
+    }
+
+    // Returns size of data list
+    override fun getItemCount(): Int {
+        return mangaList.size
+    }
+
+    // Displays data at a certain position
+    override fun onBindViewHolder(holder: MangaViewHolder, position: Int) {
+        val currentManga: SearchManga = mangaList[position]
+        holder.mangaTitle.text = currentManga.title
+        holder.mangaRank.text = "" //the rank isn't supplied by this API
+        holder.mangaScore.text = currentManga.score.toString()
+        val image: String = currentManga.image_url.toString()
+        Glide
+            .with(holder.itemView.context)
+            .load(image)
+            .apply(RequestOptions().override(400))
+            .into(holder.mangaImage)
+
+        //when you click on a selected cardview, some datas are sent to the other activity
+        holder.cardview.setOnClickListener {
+            val currentMangaId = "themangaid"
+            val currentMangaUrl = "themangaurl"
+            val currentMangaImageUrl = "themangaimageurl"
+            val currentMangaTitle = "themangatitle"
+            val currentMangaChapters = "themangachapters"
+            val currentMangaVolumes = "themangavolumes"
+            val currentMangaScore = "themangascore"
+            val currentMangaStartDate = "themangastartdate"
+            val currentMangaEndDate = "themangaenddate"
+
+            //intent is used to pass data to another activity
+
+            val intent: Intent =
+                Intent(holder.itemView.context, DetailSearchMangaActivity::class.java).apply {
+                    putExtra(currentMangaId, currentManga.mal_id.toString())
+                    putExtra(currentMangaUrl, currentManga.url.toString())
+                    putExtra(currentMangaImageUrl, currentManga.image_url.toString())
+                    putExtra(currentMangaTitle, currentManga.title)
+                    putExtra(currentMangaChapters, currentManga.chapters.toString())
+                    putExtra(currentMangaVolumes, currentManga.volumes.toString())
+                    putExtra(currentMangaScore, currentManga.score.toString())
+                    putExtra(currentMangaStartDate, currentManga.start_date)
+                    putExtra(currentMangaEndDate, currentManga.end_date.toString())
+                }
+            holder.itemView.context.startActivity(intent)
+        }
+
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaPage.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaPage.kt
new file mode 100644
index 0000000..b6ae2bb
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/SearchMangaPage.kt
@@ -0,0 +1,101 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.content.Context
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.EditorInfo
+import android.view.inputmethod.InputMethodManager
+import android.widget.Button
+import android.widget.TextView.OnEditorActionListener
+import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.google.android.material.snackbar.Snackbar
+import com.google.android.material.textfield.TextInputEditText
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.manga.SearchMangaController
+import xyz.adjutor.aniki.presentation.model.manga.SearchManga
+import xyz.adjutor.aniki.presentation.view.MainActivity
+
+
+class SearchMangaPage : Fragment() {
+
+    lateinit var controller: SearchMangaController
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.search_manga_page, container, false)
+
+        controller = SearchMangaController()
+        controller.onStart(this)
+
+        return view
+    }
+
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        //button to return to the home page
+        view.findViewById<Button>(R.id.button_home).setOnClickListener {
+            findNavController().navigate(R.id.action_SearchMangaPage_to_HomePage)
+        }
+
+        view.findViewById<Button>(R.id.button_query).setOnClickListener {
+            val userInput = view.findViewById<TextInputEditText>(R.id.tiet_query).text.toString()
+            hideKeyboard()
+            controller.updateList(userInput)
+        }
+
+        view.findViewById<TextInputEditText>(R.id.tiet_query)
+            .setOnEditorActionListener(OnEditorActionListener { v, actionId, event ->
+                if (actionId == EditorInfo.IME_ACTION_SEARCH) {
+                    val userInput =
+                        view.findViewById<TextInputEditText>(R.id.tiet_query).text.toString()
+                    hideKeyboard()
+                    controller.updateList(userInput)
+                    return@OnEditorActionListener true
+                }
+                false
+            })
+
+    }
+
+    private fun hideKeyboard() {
+        val activity = activity as MainActivity
+
+        val view = activity.currentFocus
+        if (view != null) {
+            val imm = activity.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
+            imm.hideSoftInputFromWindow(view.windowToken, 0)
+        }
+    }
+
+
+    //display the recyclerview
+    fun showList(view: View, mangaList: List<SearchManga>) {
+        val recyclerView: RecyclerView = view.findViewById(R.id.recycler_view)
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(view.context)
+        recyclerView.adapter = SearchMangaAdapter(mangaList)
+        (recyclerView.adapter as SearchMangaAdapter).notifyDataSetChanged()
+    }
+
+
+    //display a snack
+    fun showError() {
+        Snackbar.make(
+            requireView(),
+            "API ERROR : Verify your internet connection or your query.",
+            Snackbar.LENGTH_LONG
+        )
+            .setAction("Action", null).show()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaAdapter.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaAdapter.kt
new file mode 100644
index 0000000..5ab1713
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaAdapter.kt
@@ -0,0 +1,82 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.cardview.widget.CardView
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.RequestOptions
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.model.manga.TopManga
+
+class TopMangaAdapter(private val mangaList: List<TopManga>) :
+    RecyclerView.Adapter<TopMangaAdapter.MangaViewHolder>() {
+
+    // Describes an item view and its place within the RecyclerView
+    class MangaViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val mangaTitle: TextView = itemView.findViewById(R.id.tv_title)
+        val mangaRank: TextView = itemView.findViewById(R.id.tv_rank)
+        val mangaScore: TextView = itemView.findViewById(R.id.tv_score)
+        val mangaImage: ImageView = itemView.findViewById(R.id.iv_image)
+        val cardview: CardView = itemView.findViewById(R.id.cv_cardView)
+    }
+
+    // Returns a new ViewHolder
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MangaViewHolder {
+        val view = LayoutInflater.from(parent.context)
+            .inflate(R.layout.item_layout, parent, false)
+
+        return MangaViewHolder(view)
+    }
+
+    // Returns size of data list
+    override fun getItemCount(): Int {
+        return mangaList.size
+    }
+
+    // Displays data at a certain position
+    override fun onBindViewHolder(holder: MangaViewHolder, position: Int) {
+        val currentManga: TopManga = mangaList[position]
+        holder.mangaTitle.text = currentManga.title
+        holder.mangaRank.text = currentManga.rank.toString()
+        holder.mangaScore.text = currentManga.score.toString()
+        val image: String = currentManga.image_url.toString()
+        Glide
+            .with(holder.itemView.context)
+            .load(image)
+            .apply(RequestOptions().override(400))
+            .into(holder.mangaImage)
+
+        //when you click on a selected cardview, some datas are sent to the other activity
+        holder.cardview.setOnClickListener {
+            val currentMangaId = "themangaid"
+            val currentMangaTitle = "themangatitle"
+            val currentMangaRank = "themangarank"
+            val currentMangaScore = "themangascore"
+            val currentMangaImageUrl = "themangaimageurl"
+            val currentMangaVolumes = "themangavolumes"
+            val currentMangaStartDate = "themangastartdate"
+            val currentMangaEndDate = "themangaenddate"
+            val currentMangaUrl = "themangaurl"
+
+            //intent is used to pass data to another activity
+            val intent: Intent =
+                Intent(holder.itemView.context, DetailTopMangaActivity::class.java).apply {
+                    putExtra(currentMangaId, currentManga.mal_id.toString())
+                    putExtra(currentMangaTitle, currentManga.title)
+                    putExtra(currentMangaRank, currentManga.rank.toString())
+                    putExtra(currentMangaScore, currentManga.score.toString())
+                    putExtra(currentMangaImageUrl, currentManga.image_url.toString())
+                    putExtra(currentMangaVolumes, currentManga.volumes.toString())
+                    putExtra(currentMangaStartDate, currentManga.start_date)
+                    putExtra(currentMangaEndDate, currentManga.end_date.toString())
+                    putExtra(currentMangaUrl, currentManga.url.toString())
+                }
+            holder.itemView.context.startActivity(intent)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaPage.kt b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaPage.kt
new file mode 100644
index 0000000..98eb0dd
--- /dev/null
+++ b/app/src/main/java/xyz/adjutor/aniki/presentation/view/manga/TopMangaPage.kt
@@ -0,0 +1,87 @@
+package xyz.adjutor.aniki.presentation.view.manga
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.Button
+import androidx.fragment.app.Fragment
+import androidx.navigation.fragment.findNavController
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import androidx.swiperefreshlayout.widget.SwipeRefreshLayout
+import com.google.android.material.snackbar.Snackbar
+import xyz.adjutor.aniki.R
+import xyz.adjutor.aniki.presentation.controller.manga.TopMangaController
+import xyz.adjutor.aniki.presentation.model.manga.TopManga
+
+//view
+class TopMangaPage : Fragment() {
+
+    lateinit var controller: TopMangaController
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflate the layout for this fragment
+        val view = inflater.inflate(R.layout.top_manga_page, container, false)
+
+        controller = TopMangaController()
+        controller.onStart(this, view)
+
+        return view
+
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        //button to return to the home page
+        view.findViewById<Button>(R.id.button_home).setOnClickListener {
+            findNavController().navigate(R.id.action_TopMangaPage_to_HomePage)
+        }
+        view.findViewById<Button>(R.id.button_prev).setOnClickListener {
+            controller.onButtonPrevClick()
+        }
+        view.findViewById<Button>(R.id.button_next).setOnClickListener {
+            controller.onButtonNextClick()
+        }
+
+        //refresh when swiping down at the top of the page
+        val swipeRefresh: SwipeRefreshLayout = view.findViewById(R.id.swiperefresh)
+        swipeRefresh.setOnRefreshListener {
+            controller.updateList()
+            swipeRefresh.isRefreshing = false
+        }
+
+    }
+
+    //display the recyclerview
+    fun showList(view: View, mangaList: List<TopManga>) {
+        val recyclerView: RecyclerView = view.findViewById(R.id.recycler_view)
+        recyclerView.setHasFixedSize(true)
+        recyclerView.layoutManager = LinearLayoutManager(view.context)
+        recyclerView.adapter = TopMangaAdapter(mangaList)
+        (recyclerView.adapter as TopMangaAdapter).notifyDataSetChanged()
+    }
+
+    fun showError() {
+        Snackbar.make(
+            requireView(),
+            "API ERROR : Verify your internet connection.",
+            Snackbar.LENGTH_LONG
+        )
+            .setAction("Action", null).show()
+    }
+
+    fun showText(text: String) {
+        Snackbar.make(
+            requireView(),
+            text,
+            Snackbar.LENGTH_SHORT
+        )
+            .setAction("Action", null).show()
+    }
+
+}
\ No newline at end of file