Coctel is a web app that lets you search for your favorite cocktail
- React Js
- React Router DOM ( new approach )
- Styled Components
- React Toastify
- Axios
- React Query
- You can search for a list of our favorite drink
- You can see the details of an individual cocktail
- For seamless fetching of data from cocktail API, I have used React Query
I have improved at working with the react-router DOM ( new approach ). Technologies that were new to me
- nested routes in react-router DOM ( new approach )
- loader function
- error element
This is my second project with React Query. I learned about how to fetch data before the initial render using queryClient.ensureQueryData() function
Now react-router DOM provides a Form component. This component enables us to handle form in an HTML-way
- Download the zip file of the repository
- Run npm i to install the dependencies
- Run npm start to start the project
- Click on the provided link