DEV Community

Cover image for Welcome to Your Constellations of Purpose.
Jeffrey Martin
Jeffrey Martin

Posted on

2 1 1 3 3

Welcome to Your Constellations of Purpose.

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

What I Built

Constellations of Purpose: Tasks and goals are represented as stars. Users connect these stars to form constellations of meaning, revealing the bigger picture of their life’s direction. I wish I had more time, but it's a on day build - so I stopped. Ideally I would love to add Authentication and an archive of goals completed, that are visualized in an interactive method.
The MVP I am submitting uses LocalStorage for data - so if user deletes cache the data is lost.

Demo

DEMO LINK

Repo

Constellations of Purpose

Constellations of Purpose is a personal goal management tool that helps you visualize and achieve your dreams. Create goals, break them down into manageable tasks, and watch as your progress lights up the sky.

Entry for the GitHub Copilot 1 Day coding challenge Demo Link

https://constellations-of-purpose.vercel.app/

Prompt: New Beginnings

Features

  • Add and manage goals
  • Break down goals into tasks
  • Track task completion
  • Visualize progress with completion percentages
  • Onboarding flow for new users

Getting Started

Prerequisites

  • Node.js (>= 12.5.0)
  • npm or pnpm

Installation

  1. Clone the repository:

git clone https://github.com/JeffreyScottMartin/constellations-of-purpose.git

cd constellations-of-purpose pnpm install pnpm dev pnpm build pnpm start

├── .gitignore
├── .next/
├── eslint.config.mjs
├── next-env.d.ts
├── next.config.ts
├── package.json
├── pnpm-lock.yaml
├── postcss.config.mjs
├── public/
├── README.md
├── src/
│   ├── app/
│   │   ├── goal/
│   │   │   └── [goal]/
│   │   │       └── page.tsx
│   │   ├── goals/
│   │   │   └── page.tsx
│
Enter fullscreen mode Exit fullscreen mode

Copilot Experience

This was my first attempt at really using Copilot. I used it for a lot of auto completion, but also realized the power of Copilot for help in generating a full component, after playing around with the prompts and realizing that ChatGPT-4o produces better output for the project if you prompt in detail of what you are looking for. Also, when I used @workspace - it took longer but the responses were better as Copilot examined the entire workspace. I found Claude 3.5 Sonnet was my goto for smaller assistive functions within a file. eg prompt for claude "animate the task stars orbiting around the goal star" and bang!, there it was a perfect little animation for my canvas context. I used Copilot Inline mostly to quick fix type errors. I also had Chat Gpt4o write my README at the end. I also used Claude to see if there were any possible Linting errors prior to running a build.

GitHub Models

I initially developed a GitHub model to respond as if from another planet in the cosmos, however didn't really see anything that was clearly like that

Conclusion

I definitely has changed my work process moving forward. By the end of the day it was like having another developer right there with me. The best part I feel is that it allows a CREATIVE person like me to be creative and worry less about implementation as I have an assistant that can provide answers and guidance quickly. The the creative create!

All in all such a fun project. And to see how far one can get in a day with a new way of developing was a challenge. Congrats to everyone who made a submission.

API Trace View

How I Cut 22.3 Seconds Off an API Call with Sentry 🕒

Struggling with slow API calls? Dan Mindru walks through how he used Sentry's new Trace View feature to shave off 22.3 seconds from an API call.

Get a practical walkthrough of how to identify bottlenecks, split tasks into multiple parallel tasks, identify slow AI model calls, and more.

Read more →

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up