This is a simple site to rank dishes from 1 to 3 according to the taste of the user.
website link: https://syook-ranking-by-sumangiri.netlify.app/
I haven't used any external library to make this site. Everything has been created by using react.
- Login user
- Rank dishes and submit
- Edit the previous ranking
- Logout user
-
Login Page
g) -
TAB 1
) -
TAB 2 (if user hasn't ranked dishes)
-
TAB 2 (if user has ranked dishes)
It is a simple assignment by Syook. Could have made the UI better using external library but choosed not to use any.
The api from which I was fetching data was a bit weird, I was getting same picture for every result and it was changing after every render and there are some dishes with same name but different descriptions. That means they were different. So I stored their keys insted of their name or description. And fetched them from the dish data, while storing the rankings.