On Friday morning I just created a repository for this hackathon, I found a great banner design image which I inserted into our readme with the automatically generated link. However, while I was updating the markdown Readme file, I accidentally deleted a part of the link, and it took a lot of time to search for that specific image and I was not able to find it again easily. . However, I wanted to make sure that any other developer should not lose any important files and go through this situation again. Hence, I came up with the idea of an all-in-one solution to easily store all the photos with their URLs for quick retrieval. We can easily create a folder for each markdown file and store those respective images of that file together.

What it does

This application is a specialized image storing platform for markdown files and a hub for technical content writers. As soon we paste an image, a unique link will be generated, and the file will be automatically stored in the desired folder chosen by the user.

How we built it

I used React for the front-end website and plan to use Google cloud for authentication and storing the images with their respective links. I mainly built the front-end login pages and the central platform during this hackathon. I need to connect the pages to the Google Cloud platform to make it fully functional. I plan to complete it thoroughly even after the hackathon.

Challenges we ran into

Initially, I was able to form a team of 3-4 people and work together. However, after a couple of hours, other team members dropped, and I had to work on it independently. Hence, it is taking me much longer time to complete. As I had spent the majority of the time learning how React-context API works for session management.

Accomplishments that we're proud of

This project was an excellent opportunity for me to transform an idea into execution I was able to learn about new technical concepts while planning through the phases of developing this product.

What we learned

This hackathon was a great learning curve for me as I learned how to design and prototype an entire website on Figma, as then it was much easier to convey my idea to my teammates and mentors. I learned how to implement multiple libraries and learn more about the React hooks and the Context API for state management to create the required design of the website and various other aspects.

What's next for PicDrive

I plan to complete this application thoroughly even after the hackathon and present it as a contribution to Github and Microsoft, which they can later incorporate into Github's platform.

Share this project: