DEV Community

Tim B
Tim B

Posted on β€’ Edited on

4 2 3 2 2

Janus - Visualize Your Journey

This is a submission for the GitHub Copilot Challenge : Transitions and Transformations

What I Built

Janus is a tool for visualizing transitions and transformations via interactive timelines. It is built using Angular and served via Bun.

Demo

https://janus.baraniservices.us/

Repo

GitHub logo TBosak / janus

Janus is a tool for visualizing transitions and transformations via interactive timelines


Janus

πŸƒ Running locally

🍞 Bun installation Visit bun.sh for more info

curl https://bun.sh/install | bash
Enter fullscreen mode Exit fullscreen mode

πŸ“¦ To install dependencies

bun install
Enter fullscreen mode Exit fullscreen mode

πŸš€ To run

bun run start
Enter fullscreen mode Exit fullscreen mode

➑️ Access the GUI at http://localhost:6200/


🐳 Running with Docker

🏠 Locally

docker build -t janus .
docker run -p 6200:6200 -v /local/mount/path:/uploads -v /local/mount/path:/timelines janus
Enter fullscreen mode Exit fullscreen mode



Copilot Experience

Throughout the process, I used Copilot for code completion and chat. In chat, I tested out several different models - Claude 3.5, GPT 4o, o1, and o1-mini. I preferred o1 most of all, as I'm most familiar with it through my experience using ChatGPT. I periodically corrected syntax during the challenge using Copilot, occasionally used it for debugging, and used GPT o1 a lot for more organization and high-level questions. I find that Copilot keeps me more in a flow state, as I don't stray from my IDE.

Conclusion

Janus was an exciting project that allowed me to combine the power of Angular and Bun to create an interactive and visually engaging tool. Participating in the GitHub Copilot Challenge gave me the opportunity to explore how Copilot can enhance the development process by streamlining code completion, debugging, and overall workflow. By leveraging Copilot alongside other tools, I was able to stay focused and maintain a productive rhythm while building Janus. I'm thrilled to have contributed to this challenge and to share Janus with the developer community. Thank you for the opportunity!

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay