SoundExplorer – Audio File Search and Analysis
- Published on
- Authors
- Name
- Duarte Cancela
- @duartecancela
SoundExplorer is a web application developed during my Bachelor’s degree in Computer Engineering. Its goal is to allow users to search for and analyze audio files based on technical parameters and metadata.
The app connects to the Freesound.org API and offers features like:
- 🔍 Search by name, type, tags, channels, description, and duration
- 📊 Detailed technical view of each audio file (bitrate, sample rate, etc.)
- 🎧 Preview and download metadata-rich audio files
- 📱 Full responsiveness and accessibility following WCAG 2.1 guidelines
- 🌐 Hosted on Netlify at: soundexplorer.netlify.app
🛠️ Technologies
- React (with functional components and hooks)
- Bootstrap and React-Bootstrap
- Axios for API communication
- React Router, React Icons, React Player--- title: Electronic Components Stock Manager date: '2022-01-29' tags: ['Laravel', 'MySQL', 'Web App'] draft: false summary: A complete stock management application for electronic components with Laravel and a REST API. image: 'stock-manager.png' authors: ['duarte-cancela'] language: en
This project was developed during my Bachelor's in Computer Engineering to solve a personal challenge: managing my growing collection of electronic components acquired over the years.
🚀 Goal
The application allows me to:
- Register electronic components with their name, model, type, and description.
- Manage stock entries and outputs.
- Search and update existing components.
- Track all data through a secure REST API.
🛠️ Technologies
- Laravel 8 (backend & frontend)
- MySQL for data storage
- Laravel Sanctum for authentication
- Tailwind CSS for UI styling
- Blade Templates for views
- Swagger UI for API documentation
- Postman for API testing
🧱 Architecture
The system integrates:
- A web frontend for direct use
- A RESTful API for integration with other frontends or mobile apps
- Authentication and CRUD operations for components
- An admin interface for component management and stock monitoring
📱 Future Improvements
- Mobile app using the existing API
- Enhanced search and filter features
- Responsive tables and dashboard analytics
🔗 Useful Links
WCAG validation tools for accessibility
Microsoft Forms and TeamViewer for user testing
📋 Features
- Advanced search with real-time filters
- Dynamic UI powered by React components
- Audio spectrum visualization
- Mobile-first design with adaptive UI
🔬 User Testing
The application was tested by real users who provided feedback on usability, performance, and accessibility. Results were collected via Microsoft Forms and used to improve the UI.