Presto Fox Media
Web & App Design & Development
SKILLS AND TOOLS
About Me
We use human-centered design to get to the root of the problem and design a solution. We are passionate about sustainable projects and especially enjoy creating a seamless user experience. Looking to tackle tough problems and change the world.
Uckfield, East Sussex
DecorAI Platform and API v1.0
Web Development
Technologies And Tools Used In The Project
Frontend Development:
Technologies: ReactJS for building the user interface, Redux for state management.
Styling: CSS3 and Sass for advanced styling solutions.
Testing: Jest and React Testing Library for component testing.
Backend Development:
Server: Node.js with Express framework to handle API requests.
Database: MongoDB for storing user data and design preferences.
AI Services: Python for running AI algorithms that process interior design generation.
Authentication: Implemented using JWT (JSON Web Tokens) for secure access to the API.
API Development:
Documentation: Swagger for documenting the API endpoints, ensuring clarity and ease of use for developers.
Version Control: Git for managing code versions and collaboration, hosted on GitHub.
Project Overview
DecorAI is an innovative platform designed to transform interior design through artificial intelligence. The website allows users to interact with AI tools to generate interior design concepts based on input sketches or photos. The API v1.0 enables developers to integrate DecorAI’s capabilities into third-party applications, expanding its reach and utility.
Architecture and Data Flow
- Frontend Architecture: The React application interacts with the DecorAI backend through secure API calls. The frontend handles user inputs, such as sketch uploads and style selections, and displays generated interior designs.
- Backend Architecture: The Node.js server processes API requests, interfaces with the Python AI services for design generation, and handles data storage with MongoDB. The API is secured with JWT, ensuring that all requests are authenticated.
- API Integration: The API provides endpoints for starting design predictions, checking progress, and retrieving results, making it versatile for use in various interior design applications.
Challenges And Objectives
- Scalability: Handling high volumes of user requests and AI processing without latency was a major challenge. Implementing scalable cloud solutions and optimizing database queries were key objectives.
- Security: Ensuring the security of the API and the user data, especially with token-based authentication and data encryption both in transit and at rest.
- AI Integration: Seamlessly integrating Python-based AI processes with the Node.js backend was complex, requiring a robust communication protocol and error handling strategies.
Development Highlights
- Custom API Middleware: Developed custom middleware for the Express server to handle authentication, request logging, and API rate limiting.
- AI Algorithm Optimisation: Enhanced the performance of the AI algorithms to reduce processing time and improve the quality of the generated designs.
- Real-time Data Processing: Implemented WebSocket for real-time communication between the frontend and backend, enhancing the user experience by providing instant updates on processing status.
Results and Impact
- Enhanced User Engagement: The intuitive interface and fast processing of design requests led to higher user engagement and satisfaction.
- Developer Adoption: With clear and comprehensive API documentation, third-party developers were able to easily integrate and extend the capabilities of DecorAI, leading to increased usage and new application cases.
- Business Growth: The API enabled the platform to scale its offerings to a broader market, including furniture retailers and interior design agencies, creating new business opportunities.
Conclusion
The development of the DecorAI platform and its API v1.0 represents a significant advancement in the use of AI within the interior design industry. This case study showcases the technical depth involved in creating a seamless integration between frontend applications and complex backend services, all aimed at enhancing user experience and expanding market reach.