View Code? Open in Web Editor
NEW
Home Page: https://next-datafetch.vercel.app
JavaScript 90.44%
CSS 9.56%
next-datafetch's Introduction
Data fetching from an external API using Next.js
![alt text](https://camo.githubusercontent.com/19fd69760625fcb67bba23b4e18c43f1038b06d9f300b52c59485d55a723efb0/68747470733a2f2f696b2e696d6167656b69742e696f2f7a77636673616465696a6d2f73637265656e73686f742d726f636b735f5f365f5f525366304568674e562e706e673f696b2d73646b2d76657273696f6e3d6a6176617363726970742d312e342e33267570646174656441743d31363638373832333636323834)
- fetches random user data from random-data-api
- displays it in a tabluar form
- uses tailwind for the ui
- data is fetched client side using getStaticProps so site functions as a static site
- a unified search bar to search through different fields
- data is paginated
- uses a custom api built using python and flask that gives an object which contains details of the Supermind team
- no external libraries were harmed in the making of this project
How to set up and run the project?
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/rittikbasu/next-datafetch.git
- cd in to the directory
- Install the required packages
- Run the project on your localhost