This template provides a company.
-
Use This Database for creating endpoints to fetch categories, subcategories, and duas. Node JS is recommended for this.
-
Use Tailwind CSS & REACT JS to clone the full UI of this link-
Figma File Link : https://www.figma.com/file/rb4NkC5FXbDhQw6wbl2BTC/Dua-Ruqyah-Test?type=design&node-id=0-1&mode=design
-
Categories Section, Dua Cards will be functional (same as given link). Required data will come from your APIs. Note that, the red marked sections don't need to be functional, just do the UI only (follow figma file and live link).
-
Utilize Static Site Generation (SSG) feature to pre-render this page .
-
Make sure that the fronted design will be the same as our given link & make the entire site responsive as far as you can.
-
Push your code to a public repository on GitHub (Both Frontend and Backend Codes) and give the Repo & Live Link in mail.
This Depoly: https://dua-web-application.vercel.app/