Uzuri React & Node.js App

This is a simple web application that uses a Node.js backend to serve user data and a React frontend with TypeScript to display the data dynamically.

---

Features

• Fetch user data from the server.
• Display data in a dynamic table.
• Handle errors gracefully.
• Built with React (TypeScript) and Node.js.

---

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm (v9 or higher)

---

Clone the Repository

git clone https://github.com/your-username/react-node-app.git
cd react-node-app

---

1. Backend Setup

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

3. Start the server:

   node server.js

4. The server will run at http://localhost:5000.

---

2. Frontend Setup

1. Navigate to the frontend directory:

   cd ../frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. The app will be accessible at http://localhost:5173.

---

3. How to Use

1. Start both the backend and frontend servers.
2. Open your browser and navigate to http://localhost:5173.
3. Click the Fetch Data button to retrieve and display user data.

---

Project Structure

react-node-app/
├── backend/         # Node.js server files
│   ├── server.js    # API endpoint
│   └── package.json # Backend dependencies
└── frontend/        # React TypeScript app files
    ├── src/         # React source code
    ├── public/      # Static files
    └── package.json # Frontend dependencies

---

Built With

• React (TypeScript)
• Node.js
• Axios
• Express

---

---

Contact

For questions or feedback, feel free to reach out via email at 97josephkibira@gmail.com.