To develop a functional website which fetches users from API list and display select user's info
https://nextjs-task2-host.vercel.app/
You can view a live demo of the project [Please note this site is hosted in free on render so it takes 20 sec for initial load]
The web page has been developed using NextJS, MaterialUI and React Context API.
The following technologies and best practices have been employed:
-
Javascript, HTML, NextJS and MaterialUI: The project utilizes a combination of these technologies to create a responsive and visually appealing web page.
-
Responsive Design: The webpage is designed to be fully responsive and should adapt seamlessly to various device widths without any breakage.
-
Components and Containers: Proper use of components and containers has been maintained to ensure code modularity, scalability and reusability.
To run this project locally, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/thagoo/nextjs-task2.git
- Navigate to the project directory:
cd nextjs-task2
- Install dependencies:
npm install
- Build the project
npm run build
- Run the production server locally
npm run start
or
- Run the development server:
npm run dev
This will start the respective server, and you can view the webpage by accessing http://localhost:3000 in your browser.
Thank you for checking out my project!