-
Used Core React, React Router, Context Api, Firebase for Authentication, Tailwind Css and DaisyUi to design the UI.
-
Website data dynamically created and coming from MongoDB. All the data is loaded and displayed on the client side.
-
Here, we have a navbar including active route, a static Gallery section. After image Gallery section there is a "Shop By Category" where data coming according to the category. To show the toy details you need to log in first. Because, 'View Details' button is a private route and it redirect to the login page.
-
Then it has two different section related to the website. And lastly, a footer section.
-
If you go to the All Toys page of the website, all the toys will be displayed on the website.
-
Then, there is a Add a Toy page. It is a private page. So, first need to login. You can add to it by logging in.
-
It has another section name "My Toys" it will show the toys that you have added.