ObjectVision

ObjectVision is a cutting-edge web application for object detection, utilizing the latest technologies to provide a seamless and efficient experience. Built with Next.js 14, React.js, TypeScript, Tailwind CSS, TensorFlow, and shadcn/ui, it offers a robust, scalable, and visually appealing solution for detecting objects in images.

Features

• Next.js 14: Ensures fast, server-side rendered pages and optimal performance.
• React.js: Provides a dynamic and interactive user interface.
• TypeScript: Adds type safety, reducing bugs and enhancing code maintainability.
• Tailwind CSS: Offers highly customizable and efficient styling.
• TensorFlow: Powers the object detection with state-of-the-art machine learning models.
• shadcn/ui: Delivers polished and reusable UI components for a consistent look and feel.

Demo

A live demo of the application is available here.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/ObjectVision.git
   cd ObjectVision
   

2. Install the dependencies:

   npm install
   

3. Set up environment variables:

   Create a .env file in the root directory and add the necessary environment variables. For example:

   NEXT_PUBLIC_API_URL=http://localhost:3000/api
   

4. Run the development server:

   npm run dev
   

   Open http://localhost:3000 with your browser to see the result.

Usage

1. Upload an image using the upload button.
2. The application will process the image and display the detected objects with bounding boxes and labels.

Folder Structure

objectvision/
├── components/       # React components
├── pages/            # Next.js pages
├── public/           # Static files
├── styles/           # Global styles (using Tailwind CSS)
├── utils/            # Utility functions
├── .env              # Environment variables
├── next.config.js    # Next.js configuration
├── package.json      # Project dependencies
├── README.md         # Project documentation
└── tsconfig.json     # TypeScript configuration

Technologies

• Next.js 14
• React.js
• TypeScript
• Tailwind CSS
• TensorFlow
• shadcn/ui

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

• Thanks to the developers of Next.js, React.js, TypeScript, Tailwind CSS, TensorFlow, and shadcn/ui for their amazing tools and frameworks.

Contact

For any inquiries or feedback, please contact [email protected].

Enjoy using ObjectVision! If you like it, please give it a star on GitHub. 🌟