API-Chaining-Dashboard

API Chaining Dashboard

Demo

Click here to view the demo video: https://drive.google.com/file/d/1CDo0gkLuLqHYVkaAvcXIlHA_f4v7OYSR/view?usp=sharingTech Stack

• Frontend: React.js
• Styling: Tailwind CSS with UI design
• Version Control: Git
• API Integration: REST APIs using Axios Features
  1. API Chaining: Build complex workflows by chaining multiple API calls.
  2. Responsive UI: A clean and professional 3D-inspired interface.
  3. Interactive Dashboard: Users can visually build API chains.
  4. Error Handling & Loading States: Enhances user experience.
  5. State Management: Efficiently manage app state and data. How to Run the Project Locally
  6. Clone the Repository: https://github.com/VIP-CODER1/API-Chaining-Dashboard/tree/main?tab=readme-ov-file

2. Install Dependencies:

npm install

3. Setup Tailwind CSS:

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init

4. Configure PostCSS:

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

5. Start the Development Server:

npm start

6. Access the App:

Open your browser and navigate to http://localhost:3000 **Future Enhancements**

• Implement real API endpoints with Indian names.
• Add more complex API workflows.
• Add more 3D visual effects and UI animations. Contributions Feel free to fork the repository and submit pull requests. License This project is licensed under the MIT License.