https://github.com/thagoo/nextjs-task2

Banao Assignment task 2
https://github.com/thagoo/nextjs-task2

Last synced: 13 days ago
JSON representation

Banao Assignment task 2

• Host: GitHub
• URL: https://github.com/thagoo/nextjs-task2
• Owner: Thagoo
• Created: 2024-03-22T06:55:55.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-22T10:30:08.000Z (10 months ago)
• Last Synced: 2024-11-07T21:13:52.370Z (2 months ago)
• Language: JavaScript
• Size: 58.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# This is a 2nd assignment given by Banao.com for the Internship shortlisting

## Project Overview

To develop a functional website which fetches users from API list and display select user's info

## Live Demo

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]

## Project Implementation

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.

## Getting Started

To run this project locally, follow these steps:

1. Clone the repository to your local machine:

```

git clone https://github.com/thagoo/nextjs-task2.git

```

2. Navigate to the project directory:

```

cd nextjs-task2

```

3. Install dependencies:

```

npm install

```

4. Build the project

```

npm run build

```

5. Run the production server locally

```

npm run start

```

or

4. 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!