Inspiration
We wanted to create a fun, minimalistic, visually-appealing website where users could visualize their goals, affirmations, and dreams by uploading their own meaningful images. However, we wanted to go beyond just visualizing what the future holds--we also wanted to help users get on the right track to work towards accomplishing their aspirations.
What it does
Users can upload their own images to make a collage. Then they can select each image and type up their notes and plans on how to work towards that specific goal. As they move forward with their plans, they can cross off tasks and track their progress.
-upload images to the board using the upload file button -resize images by dragging corner -delete images by clicking pink button in the top right corner of image once you select it -double click on the image for a popup notes window -close the window by clicking the pink button in the top right corner of the window
How we built it
Using html, css, javascript on VS Code using Github pages
Challenges we ran into
Our main challenges involved making small changes to our code which would have unexpected consequences on other working parts of our code - lots of trial and error!
Accomplishments that we're proud of
We are proud of figuring out how the popup window functions, resizing of images, and bounding, as we are beginners in html, css, and javascript
What we learned
We gained a lot of experience working with these languages and using github.
What's next for Visionscape - Interactive Vision Board
future functionality additions/edits: -can click add text button, type input, and move it around vision board -user can type notes or plan to work towards goal image in the pop up window -uploaded images and notes typed for each image are saved and progress can be restored -each typed line has a check box next to it that can be clicked to cross item off of list
future stylistic edits: -appearance of vision board on wall above desk -add plants/flowers, notepad, pens, lamp, etc.
Log in or sign up for Devpost to join the conversation.