Relabel Digital Product Passport

Table of Contents

• 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

Screenshots

Here is a screenshot of one of the products displaying on the Relabel Digital Product Passport.

   

Installation

To run the project locally, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Install dependencies by running npm install.
4. Start the development server with npm run dev.
5. Access the application in your web browser at http://localhost:3000.

Usage

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.

Features

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.

Development Journey

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.

Motivation

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.

Problem Solving

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.

Learning Experience

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

Standout Features

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.

Future Enhancements

In the future, we plan to enhance the Relabel Digital Product Passport for Eslando by:

• Integration with External Databases and APIs to provide up-to-date and comprehensive product information, enhancing the user experience and reliability of the platform.
• Adding support for additional product categories and certifications
• Improving accessibility features for users with disabilities
• Integrating machine learning algorithms for predictive analytics on recycling trends
• Secure authentication and authorization system

Accessing the Deployed Application

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

Community Engagement

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 and Press Release

FAQs

• FAQs - Common questions about the Relabel Digital Product Passport for Eslando.

Press Release

• Press Release - Official press release for the Relabel Digital Product Passport for Eslando.

Support

For additional support, you can reach out to the project maintainers for assistance.

Credits

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.