DATANEURON Responsive Resizable React Application

OverView

This project is a React-based web application that implements a responsive, resizable layout with three different components. Users can resize the components by dragging their sides, and neighboring components will automatically adjust. The application includes user authentication and integrates with a backend API for data management.

Features

• Three-Component Layout: The layout consists of three components, each with its own content.
• Resizable Components: Users can resize the components by dragging their sides.
• Responsive Neighboring Components: Neighboring components adjust automatically based on resizing.
• Responsive Design: The layout adapts smoothly to different laptop screen sizes.
• API Integration: The application communicates with a backend API for:
• Adding, updating, and tracking counts of these operations

Technologies Used

• React.js
• react-resize-layout (for resizable components)
• Axios (for API calls)
• CSS (for styling)

Getting Started

Prerequisites:

• Node.js and npm (or yarn) installed on your system.
• A running instance of the backend API.

Steps:

1. Clone the Repository

   https://github.com/Rati3010/dataneuron
   

2. Install Dependencies

   npm i
   

3. Configure the API(if needed)

   https://dataneuron-api.onrender.com/api
   

4. Start the development server

   npm run dev