Inspiration
We were inspired by the idea of creating a platform that connects people who have unwanted electronic devices or components with those who need them for their projects or hobbies. We wanted to reduce the amount of electronic waste that ends up in landfills and promote the reuse and recycling of valuable materials. We also wanted to foster a community of makers, hackers, and tinkerers who can share their creations and knowledge with each other.
What it does
Our digital scrapyard portal is a web application that allows users to buy, sell, trade, or donate their electronic scraps. Users can browse through the available items, filter them by category, price, location, condition, etc., and contact the sellers or donors directly. Users can also post their own items, upload photos and descriptions, set their preferred payment or exchange method, and manage their listings. Additionally, users can join or create groups, forums, and events related to their interests and projects, and interact with other users through chat and comments.
How we built it
We built our digital scrapyard portal using only HTML, CSS, and JS for the front-end, without using any frameworks or libraries. We used plain HTML to create the structure and layout of the web pages, CSS to style and format the elements, and JS to add interactivity and functionality. We used AJAX to communicate with the back-end server and database, which we did not build ourselves, but used a third-party service. We also used some APIs to integrate some features into our web application, such as Google Maps and Stripe.
Challenges we ran into
Some of the challenges we faced while building our digital scrapyard portal were:
- Designing a user-friendly and responsive interface that can display a large amount of data and images
- Implementing the search, filter, and sorting features for the items and users
- Ensuring the security and privacy of the users' data and transactions
- Testing and debugging the code and fixing the bugs and errors
- Managing the time and workload among the team members and meeting the deadlines
Accomplishments that we're proud of
Some of the accomplishments that we're proud of are:
- Creating a fully functional and interactive web application that meets the needs and expectations of our target users
- Learning and applying the basic concepts and skills of web development using only HTML, CSS, and JS
- Overcoming the challenges and difficulties that we encountered along the way
- Working as a team and supporting each other throughout the project
What we learned
Some of the things that we learned from this project are:
- How to use HTML, CSS, and JS to create dynamic and responsive web pages
- How to use AJAX to communicate with the back-end server and database
- How to use some APIs to integrate some features into our web application
- How to work as a team and communicate effectively
- How to manage the time and workload and meet the deadlines
What's next for Digital Scrapyard Portal
Some of the features and improvements that we plan to add to our digital scrapyard portal in the future are:
- Adding more categories and filters for the items and users
- Adding more options and features for the payment and exchange methods
- Adding more functionalities and features for the groups, forums, and events
- Adding more social media integration and sharing options
- Adding more gamification and incentive elements to encourage user engagement and retention
- Improving the performance and security of the web application
- Conducting more user testing and feedback collection
Log in or sign up for Devpost to join the conversation.