This is a submission for the GitHub Finish-Up-A-Thon Challenge
What I Built
I built Markio, a modern Markdown editor and live preview application built using Next.js.
The idea behind Markio was to create a simple yet clean writing environment where users can write Markdown and instantly preview the rendered output in real time.
This project originally started as a small experiment while learning frontend development and Markdown rendering. During the challenge, I decided to revisit the project, improve the interface, optimize the codebase, and finally complete it into a polished application.
Some of the main features include:
- ⚡ Real-time Markdown preview
- 📝 Live editing experience
- 🎨 Modern responsive UI
- 🌙 Minimal developer-focused design
- 📱 Mobile-friendly layout
- 🚀 Fast deployment with Vercel
Live Project
👉 https://markio-iota.vercel.app/
GitHub Repository
👉 https://github.com/Sripadh-Sujith/Markio
Screenshots
The Comeback Story
Markio was one of my older unfinished projects.
Initially, I had only built a very basic Markdown editor with minimal styling and incomplete functionality. The UI was plain, the code structure needed improvements, and the project lacked the polish needed for real-world usage.
For the GitHub Finish-Up-A-Thon challenge, I decided to bring the project back and fully rebuild parts of it.
Here’s what I improved:
- Refactored the component structure
- Added real-time Markdown rendering
- Improved responsiveness for mobile devices
- Redesigned the interface with a cleaner modern layout
- Fixed rendering issues
- Improved overall user experience
- Deployed the project publicly using Vercel
This challenge gave me the motivation to finally complete something I had left unfinished for a long time.
My Experience with GitHub Copilot
GitHub Copilot played a huge role while rebuilding Markio.
It helped me:
- Generate repetitive UI code faster
- Suggest component structures
- Debug rendering issues
- Improve Tailwind class organization
- Speed up Markdown rendering integration
- Refactor parts of the codebase more efficiently
One thing I really liked was how Copilot reduced the time spent on boilerplate code so I could focus more on improving the actual user experience and design.
Instead of constantly searching documentation for smaller syntax issues, I could iterate much faster and experiment with ideas quickly.
This project became a great example of how AI-assisted development can improve productivity while still allowing developers to stay creative and in control.
Tech Stack
- Next.js
- React
- Tailwind CSS
- React Markdown
- Remark GFM
- Vercel
Final Thoughts
This challenge helped me realize that unfinished projects still have potential if you revisit them with a fresh mindset.
Markio started as a simple side project and became a much more polished application through rebuilding, learning, and experimenting with GitHub Copilot.
Thanks to GitHub and DEV for organizing this challenge 🚀
Top comments (0)