DEV Community

Cover image for Digital Declutter: My GitHub Copilot 1-Day Build submission
Priya Yadav
Priya Yadav

Posted on

Digital Declutter: My GitHub Copilot 1-Day Build submission

This is a submission for the GitHub Copilot Challenge: New Beginnings.

What I Built
Digital Declutter is a Next.js web application designed to help users clean up their inbox efficiently. It integrates with the Google API to fetch emails, identify potentially suspicious emails, and offers the ability to delete them with ease.

The goal is to provide a fresh, simplified beginning for your email experience—free of clutter and suspicious emails. This app emphasizes user security and convenience, giving people more control over their inboxes in a user-friendly way.

Key Features:
Fetch Emails: Retrieves emails from your Gmail inbox via the Google API.
Suspicious Email Detection: Highlights emails that might be spam or suspicious based on certain parameters.
Email Deletion: Easily delete selected emails to maintain a clean inbox.
Modern UI: Built with Tailwind CSS for a sleek and responsive interface.

Demo
You can try out Digital Declutter here: Digital Declutter Live Demo

*Here are some visuals of the app:
*

Image description
Dashboard

Image description

Suspicious Email Highlighting

Image description
Bulk Email Deletion

Repo
The source code for Digital Declutter is available here:
Email cleaner repo

Copilot Experience
Building Digital Declutter was an exciting experience, made even more seamless by GitHub Copilot. Here's how Copilot helped throughout the development process:

Code Autocomplete: Copilot provided valuable autocomplete suggestions for repetitive patterns, such as setting up API endpoints, Implementing suspicious email highlighting algorithm and defining TypeScript interfaces.
Prompts and Chat: With Copilot Chat, I asked questions about the Google API integration and received instant guidance, saving hours of manual research.
Model Switcher: Leveraging different GitHub Models helped me brainstorm and refine my code structure for efficient email fetching and deletion logic.
Error Handling: Copilot suggested meaningful error-handling approaches for API requests, ensuring smooth functionality even when issues occurred.
GitHub Models
I explored GitHub Models to prototype the logic for:

Efficiently fetching emails using the Gmail API.
Highlighting suspicious emails using specific filtering logic.
Bulk deletion of emails by mapping through email IDs.
The iterative suggestions helped me refine complex workflows like asynchronous API calls and UI interactivity.

Conclusion
Participating in the GitHub Copilot Challenge has been an incredible journey of learning and growth. Building Digital Declutter not only gave me the opportunity to create something impactful but also allowed me to explore the power of AI-assisted development.

By leveraging GitHub Copilot, I was able to focus on solving real-world problems instead of being bogged down by tedious boilerplate code. Digital Declutter is a small but meaningful step toward creating cleaner, more manageable inboxes for users.

I’m excited to continue exploring Copilot and GitHub Models to bring more innovative ideas to life!

If you enjoyed this post or have feedback on Digital Declutter, feel free to connect with me here on DEV or through my GitHub profile https://github.com/PriyaYadav12.

Happy coding! 🚀

Top comments (1)

Collapse
 
govindvyas profile image
Govind Vyas

Awesome :)