DEV Community

Cover image for Vision2Reality
Abdullah Bin Altaf
Abdullah Bin Altaf

Posted on

Vision2Reality

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

What I Built

I built Vision2Reality, a web application designed to help users break down their big dreams into actionable steps using AI-powered goal creation. The app allows users to provide a prompt, and the AI generates a set of goals to guide the user through their task. This simplifies the process of starting new projects by making complex ideas more manageable and achievable.

The user interface is clean, modern, and user-friendly. The primary feature of the app, goal creation, uses AI to turn user-provided prompts into concrete, actionable goals, making it an ideal tool for people looking to structure and organize their tasks more effectively.

Demo

Live Demo

Image description

Repo

Vision2Reality is a web application designed to help users break down their big dreams into actionable steps using AI-powered goal creation. The app allows users to provide a prompt, and the AI generates a set of goals to guide the user through their task. This simplifies the process of starting new projects by making complex ideas more manageable and achievable.

The user interface is clean, modern, and user-friendly. Upon landing on the homepage, users are greeted with a clear call-to-action to get started with their journey. The home page includes a visually engaging gradient background, a prominent headline, and a button that takes the user to a more detailed page to begin generating their goals.

The primary feature of the app, goal creation, uses AI to turn user-provided prompts into concrete, actionable goals, making it an ideal tool for people looking to structure and organize their tasks more effectively.




Copilot Experience

I used GitHub Copilot to build the entire UI. I started by providing prompts like "Create a landing page with Material UI" and "Build an app bar with the project name on the left, and a CTA button linking to the homepage." Copilot generated the structure, suggested color combinations, and helped refine the design elements like the AppBar, CTA button, and layout, speeding up development significantly.

On the backend, I faced some challenges with the API logic. Copilot assisted by suggesting improvements, allowing me to quickly resolve the issues and move forward with the project.

Copilot made the development process smoother, helping me focus on refining the app instead of getting stuck on repetitive tasks or technical roadblocks.

GitHub Models

I haven't used GitHub Models in my project.

Conclusion

Building Vision2Reality has been an exciting journey, and it wouldn't have been possible without the support of GitHub Copilot. From designing the user interface to troubleshooting backend issues, Copilot significantly accelerated the development process. The project itself holds great potential for users, helping them break down their tasks into clear, actionable goals. I’m excited to see how it can grow and evolve, empowering users to turn their visions into reality more effectively.

Top comments (0)