- Screenshots
- Installation
- Usage
- Features
- Development Journey
- Motivation
- Problem Solving
- Learning Experience
- Standout Features
- Future Enhancements
- Accessing the Deployed Application
- Community Engagement
- Support
- FAQs and Press Release
- Credits
Here is a screenshot of one of the products displaying on the Relabel Digital Product Passport.
To run the project locally, follow these steps:
- Clone the repository to your local machine.
- Navigate to the project directory.
- Install dependencies by running
npm install. - Start the development server with
npm run dev. - Access the application in your web browser at
http://localhost:3000.
The Relabel Digital Product Passport was created for a company called Eslando. It is a web application that serves as a centralized platform for displaying information on products such as materials, care instructions, recycling options, and certifications. Users can scan QR codes attached to products to access digital passports containing detailed information, facilitating the recycling process and promoting sustainability.
User-friendly Interface: The platform offers an intuitive interface for creating and managing products on Digital Product Passports, ensuring ease of use for both businesses and consumers.
Comprehensive Information: Users can access detailed product information, including materials, care instructions, recycling options, and certifications, facilitating informed decisions and promoting sustainability.
Take a look at our project's development journey to see how it has evolved over time. From initial concept to current implementation, explore the milestones and key achievements that have shaped the Digital Product Passport for Eslando.
You can find our development journey on the roadmap here.
Our motivation behind building this project stemmed from the need for Eslando to have a Digital Product Passport solution. We aimed to address the challenges associated with recycling processes and contribute to a more sustainable future by providing an efficient and transparent platform for managing product information.
The Digital Product Passport for Eslando addresses the challenge of inefficient tracking and management of product information. By allowing companies to attach QR codes to their products and providing users with access to Digital Product Passports, the application simplifies the recycling process and promotes transparency in the industry.
Throughout the development of this project, we gained valuable insights into various technologies and concepts, including:
- Next.js for building efficient and scalable web applications
- JavaScript for implementing dynamic and interactive features
- Integration of third-party APIs for accessing external resources
- UI/UX design principles for creating intuitive user interfaces
The Relabel Digital Product Passport for Eslando stands out due to its user-centric design, seamless user experience, and robust functionality. We prioritise simplicity, accessibility, and reliability to ensure that users can easily navigate the platform and accomplish their recycling goals effectively.
We are committed to continuously improving the Relabel Digital Product Passport to provide an enhanced and comprehensive experience for our users. Our future plans include:
- Map Feature: Introduce a map feature to simplify the process of locating recycling centers. This enhancement will significantly improve user experience by providing a convenient way to find nearby recycling facilities.
- Save Products Feature: Implement a 'Save Products' feature, allowing users to bookmark their favorite clothes. This feature will enhance user engagement and retention by providing easy access to preferred items.
- Customisation Options: Enable companies to tailor the app to match the style of their website and products. By offering this level of customisation, we can ensure a more seamless and tailored experience for our users, boosting satisfaction and engagement.
- Integration with External Databases and APIs: Integrate with external databases and APIs to provide up-to-date and comprehensive product information, enhancing the user experience and reliability of the platform.
- Improved Accessibility Features: Enhance accessibility features to ensure the platform is usable by individuals with disabilities, making our digital product passports more inclusive.
The Relabel Digital Product Passport for Eslando is deployed on Vercel, a cloud platform for deploying applications. You can access the deployed application here from a mobile or if from accessing from desktop hit F12 and press CTRL + SHIFT + M to enter mobile mode. This product is an example if you were to scan a QR code. Feel free to explore the application and provide any feedback or suggestions for improvement.
Here are all the products we are currently displaying:
- Fleece Lined Jacket
- Polyester Trousers
- Oversized Wool Coat
- Luxury Leather Handbag
- Sustainable Sneakers
- Organic Denim Overalls
We welcome contributions from the community to help improve the Digital Product Passport for Eslando. You can contribute by submitting bug reports, feature requests, or pull requests on GitHub.
- FAQs - Common questions about the Relabel Digital Product Passport for Eslando.
- Press Release - Official press release for the Relabel Digital Product Passport for Eslando.
For additional support, you can reach out to the project maintainers for assistance.
Team Mirai are the creators of the project:
- [Alex Curwood] (GitHub)
- [David Adam Silva] (GitHub)
- [Emma Nolan] (GitHub)
- [Gavin Persad] (GitHub)
- [Holly Massey] (GitHub)
- [Stephen Walker] (GitHub)
This project utilises React, Bootstrap, Framer Motion.