Project #1: PROJECT DIY
Our project is to create an application for anyone who wants to learn DIY projects, find hotspots for art, and save their favorite art projects. The main feature of our application is to present "Project Ideas" and provide "Art Hotspots". The user can get project "how to" videos from different categories. There are 10 categories and in each category there are 6 project ideas videos. The videos provided are the most viewed from YouTube. There are also 4 categories in the Art Hotspots section and 6 hotspot locations that are the highest rated from Yelp in each category. In addition, the user can save their favorite projects to their favorites. The user's favorites is saved in local storage and it persists when the user clicks refresh. Our live page link can been seen in the How to Use this Project and Acceptance Criteria Section. The user also has the option of removing a favorite from the favorites page. You can Click here to see our code for this project.
- User Story
- How to Use this Project and Acceptance Criteria
- Motivation for Development
- Features
- Process
- Technology
- Tasks and Roles
- Challenges
- Successes
- Demo
- Directions for Future Development
- Support
- Credits
- Contributors
AS an artist
I WANT some ideas for DIY projects
AND find art hotspots
SO THAT I can learn to do projects, save my favorites, find hotspots, and buy supplies
Click on the image below to be directed straight to the deployed application.
GIVEN I am using a application that provides DIY project ideas, art hotspots suggestions, and my saved favorites
WHEN I open the application
THEN I see a list of categories for DIY project ideas
WHEN I click a category from the list
THEN I am presented with 6 DIY Projects with a "favorite me" button
WHEN I click the "favorite me" button on the selected project
THEN the project will be saved to local storage
WHEN I click on "Favorites" on the nav bar
THEN I can see my favorite projects
WHEN I refresh the page
THEN the favorite projects will persist
WHEN I click the "remove me" button
THEN the video selected to be removed is removed from the "Favorites" page
WHEN I click on the "Hotspots" on the nav bar
THEN I see a list of "art hotspot categories"
THEN I am presented with 6 hotspots in San Diego
The motivation for our development is that all our team members like to do DIY projects. During our first meeting we all bonded by sharing our different art projects. We have all had experiences where we needed DIY project ideas, and want to know where to go get inspirations!! That’s why we came up with this application to help you find DIY project ideas and search cool places for inspiration.
- Calligrpahy
- Scrapbooking
- Knitting
- Jewelry Making
- Drawing
- Resin
- Candles
- Polymer Clay
- Metal Stamping
- Crocheting
- Art Stores
- Art Galleries
- Art Museums
- Art Class Fun
- User Favorites are Saved Here
- HTML5
- CSS3
- Bootstrap
- Vanilla Javascript
- Server API
- YELP demo server: https://cors-anywhere.herokuapp.com/corsdemo
- Youtube
- Yelp
- Research on other potential APIs: Heidi, Marvin, and Hannah
- Research on YouTube and Yelp APIs: Heidi, Marvin, and Hannah
- Project Ideas page: Heidi
- Hotspots Page: Marvin
- Favorites Page: Hannah
- README: Hannah, Heidi, and Marvin
- Presentation: Hannah, Heidi, and Marvin
- Input Location for searching in Hotspots Page
- Add more DIY Categories
- Use more APIs to get project ideas • Such as Pinterest, Etsy, Twitter, and Live Maps
- Create Your Own Username and Password
- Save in Progress Projects
- Progress Projects Page
- Post Projects Page
- Comment on other users' Projects
- Other users comment on your projects
- Hannah Chung
- Heidu Wu
- Marvin Velasco
- Hannah Chung
- Heidu Wu
- Marvin Velasco
Some challenges we faced was when we tried to figure how to use the api for Pinterest, Reddit, and Devianart. It was a long process where we had to fill out applications and get approved. We got some help from Eyvette and Brian, however, we were unsuccessful in being able to easily use any of 3 apis mentioned above. We had applied to Pinterest twice since the first time we did not mention it was for educational purposes. So, the second time we applied we let them know that this is for educational purposes only. While we waited for a response, we had looked into Reddit and unfortunately, it had the same requirements for Pinterest. We had applied there to use the api too. While we were waiting for a response from Reddit, we looked for another alternative and we thought of DeviantArt. It took awhile to figure it out, however, it seemed like a long process just like Pinterest and Reddit. Unfortunately, we were denied access to Reddit and as well as Pinterest for the 2nd time. Due to that we had to shift our focus on the "Ideas" section and we chose Yelp and changed "Ideas" to "Hotspots". We ran into a CORS issue, but we had some help again from Eyvette and Brian that led us in the right direction on how to fix the issue. Another issue that was encountered was displaying the YouTube videos using HTML iframe tag. Evyette helped us solved that problem.
We created a fully functioning and deployed web application. We were able to stay on the topic and just had to shift our focus which was okay because we were happy we didn't have to completely change our ideas and topic. Using the APIs that ended up choosing and successfully fetched information related to our topic. Everyone in the group was so easy going and willing to do their part and kept their word on doing their part. Everyone was helpful with each other with any questions they had. We all communicated really well.
screenshots and video below
If you need extra support feel free to email us