DEV Community

Cover image for 🔦 Community Spotlight - Building VogueEco, a Sustainable Fashion App🔦
haimantika mitra for Appwrite

Posted on

🔦 Community Spotlight - Building VogueEco, a Sustainable Fashion App🔦

Highlighting projects from the Appwrite community

Introduction

With Appwrite’s developer community growing significantly, we want to take the time to appreciate and showcase some amazing applications built by our community. Maybe you’ll be inspired by these projects to build something amazing with Appwrite, too!

This month, we’d like to give the spotlight to Nishant&team, who built a successful app called VogueEco. Let’s get started by interviewing them to learn more about their project and journey.

Project screenshot


Tell us more about who you are

Team Members:

  • Name: Nishant Jain

LinkedIn: https://www.linkedin.com/in/nishantj2002/
GitHub : https://github.com/nishantjain10
Twitter : https://twitter.com/devnishant10
Instagram: https://www.instagram.com/_nishant_jain_23/
Dev.to: https://dev.to/nishantjain10

Description: As a front-end developer, I have a strong skill set in using React, HTML, and CSS to create user-facing interfaces for websites and applications. I enjoy designing and have a passion for participating in hackathons and engaging with the communities. I am likely creative, tech-savvy, and driven to build and improve upon my skills in the field.

  • Name: Sujal Samai

LinkedIn : https://www.linkedin.com/in/sujal-samai/
GitHub : https://github.com/sujalsamai
Twitter : https://twitter.com/sujalsamai
Instagram:https://instagram.com/sujalsamai

Description: I am a Frontend Developer, who loves to design and build interfaces that are engaging for the users. Currently, my Tech stack includes React.js & TailwindCSS. I have been interested in contributing to Open Source projects for the past 2 years, and have always believed in learning with communities.

  • Name: Vanshika Juneja

LinkedIn : www.linkedin.com/in/vanshika-juneja-11a194212
GitHub :https://github.com/Vanshi10/
Twitter : https://twitter.com/VanshikaJunejaa
Instagram:https://www.instagram.com/vanshi__10/

I am an ambitious and driven engineering student in her pre-final year. I have a strong skill set in HTML, CSS, Javascript, and Python, and I have my sights set on front-end development and design as a profession. I am also a professional dancer and have strong leadership and management skills. I currently hold a 9.6 CGPA from Medicaps University and am the Operation Head at GDSC. An impressive academic and creative individual, I am sure to make a mark in the tech industry soon.

  • Name: Suryangsu Chandra

LinkedIn: https://in.linkedin.com/in/suryangsu-chandra-82919a204
Github: https://github.com/PoPsMokE07
Twitter: https://twitter.com/SuryangsuChand2

Description: I have experience with C/C++ and Python,ML, HTML,CSS, JS along with electronics and platforms such as Arduino.


What is the name of the project you built?

“VogueEco” because we are here resembling fashion with nature.


Why did you decide to build this? What inspired you?

Our project, VogueEco, aims to mitigate the environmental impacts of the textile industry through plantation and clothing donation. Textile production has significant environmental consequences, including the use of harmful chemicals and the production of synthetic fibres that contribute to pollution. By promoting plantation and clothing donation, we can work towards a more sustainable textile industry. Plantation of natural fibres like cotton, hemp, and bamboo can reduce the demand for synthetic fibres, which are harmful to the environment. Clothing donation helps to reduce overproduction and keeps clothes out of landfills. Through this project, we also hope to raise awareness about the environmental impacts of the textile industry and encourage people to make more environmentally-conscious clothing choices.


What is VogueEco?

Our project aims to encourage people to donate their clothes and promote sustainable practices, such as textile recycling, in order to reduce wastage and the environmental impact of the textile industry. By donating clothes and increasing plantations, we can help to reduce the environmental footprint of the textile industry.


What technologies did you use to create it and how did you use each technology?

We developed this website using a variety of technologies including HTML, CSS, Tailwind, React, Javascript, Appwrite, Docker, headless UI, DigitalOcean, and Alan AI. HTML provided the basic structure of the website, while CSS and Tailwind were used to add styling and visual effects. React and Javascript enabled us to create an interactive user experience and the application. We used Appwrite to manage our databases, and Alan AI allowed users to interact with the website using voice commands. We also utilized Docker and DigitalOcean's Droplet feature to manage and configure Appwrite in the production environment. Finally, we conducted testing and deployment to ensure the website was functioning properly.


Who is your target audience and how will it help them to learn more about your project?

This project is for influencers, fashion experts, and designers who want to collaborate and be creative in an innovative space. Our goal is to create awareness around the Fashion industry and provide them alternatives to reduce the Carbon-Footprint produced. By joining us, you can help shape the future of fashion and target eco-conscious individuals who appreciate natural elements in their clothing. Our project aims to offer stylish, sustainable clothing that showcases the beauty of nature while also protecting it.


What issues did you run into while building this project and how did you solve them?

During the development of the website, we encountered a number of challenges such as creating a user-friendly UI/UX, integrating JS, React, and the Appwrite API, and implementing voice recognition features using Alan AI. In order to reduce the environmental impact of the textile industry, we had to devise a system for clothing donation and plantation promotion. This required us to ensure compatibility with all major browsers and devices, integrate the Appwrite API into our application, design an easy-to-use user interface, find a reliable voice recognition service provider and integrate their API, and thoroughly test the application. Despite these challenges, the project is now running smoothly and we are making significant progress towards reducing clothing waste and helping the environment.


How did Appwrite help your project?

Appwrite was a key component in the development of our website. It allowed us to easily manage and access our databases, enabling us to store and retrieve data as needed. The Appwrite API made it easy to integrate database functionality into our application, allowing us to quickly and easily retrieve and update data. In addition, the Appwrite console provided a convenient interface for managing our databases and monitoring the performance of our application. Overall, Appwrite played a crucial role in the development and operation of our website, and we are grateful for the tools and resources it provided.


What are a couple of things you wish you knew before starting the project?

There were several issues that we faced while building this project. One of the main challenges was creating a user-friendly UI/UX that was easy for users to navigate and use.

Another challenge was integrating the various technologies we were employing, which included React, Javascript, and the Appwrite API. To overcome this challenge, we made certain that the integration of each technology was thoroughly planned and tested before it was implemented in the application.

A further issue was using Alan AI to implement voice recognition features. We had to find a reliable voice recognition service provider and integrate their API into our application to solve this. Overall, we were able to solve these issues and we are now able to deliver a high-quality, stable application to our users.


Anything else you'd like to share?

VogueEco is just getting started! We are working hard to expand our reach and find more ways to reduce waste and help the environment. We are currently in the process of launching a donation program to collect used clothing and accessories and redistribute them to those in need. We are also working to increase our presence in local communities by partnering with local organizations to host donation drives and clothing swaps. Additionally, we are exploring ways to expand our plantation initiatives to include more sustainable and eco-friendly options. We are dedicated to finding creative and innovative solutions to reduce the environmental impact.


Where can others find your app?

Link to the app - https://vogueeco.us


Please share screenshots of your project

Project screenshot

Project screenshot

Project screenshot

Top comments (0)