Leadzen Assignment

A full-stack web application built with Node.js, Express, and React.

Table of Contents

• Description
• Features
• Prerequisites
• Installation
• Folder Structure
• Dependencies

Description

This is a full-stack web application which fetched data from https://jsonplaceholder.typicode.com/users api and display the data on frontend using react.

Features

List the main features of your application.

• Created a Node.js server using Express.js to serve the frontend and handle API requests.
• Set up routes for fetching data from a public API.
• Implemented error handling for API requests and responses.
• Created a React.js application that communicates with the Node.js backend.
• Implemented a user interface to display the data retrieved from the API.
• Used React components and state management to update the UI when new data is fetched.
• Included error handling for any issues that may occur during data retrieval.

Prerequisites

• Node.js (>=6.9.0)
• npm (1.0.0)
• MongoDB (^7.6.1)

Installation

1. Clone the repository to your local machine.

2. Navigate to the project directory.

3. Install server-side dependencies by running npm install in root folder.

4. Navigate to the client directory and run npm install.

5. Return to the project root directory.

6. Start the development server using npm run start.

Your application should now be running on http://localhost:5173.

Folder Structure

• /client: Contains the React.js frontend.
• /config: Configuration files.
• /controllers: Request handlers.
• /models: Database models.
• /routes: API routes.
• /public: Static files.
• /views: Template files.
• /tests: Unit and integration tests.

Dependencies

• Node.js
• Express.js
• React
• MongoDB
• Axios

Thankyou for visiting!!!!