Update Tech Stack on open source page

.gitignore

@@ -38,4 +38,4 @@ next-env.d.ts
 
 # SQLite dev database
 *.db
-*.sqlite
+*.sqlite

src/constants/colours.ts

@@ -22,15 +22,20 @@ export const BORDER_COLOURS = {
     purple: 'border-purple border-2',
 } as const satisfies Record<Colour, string>;
 
+// the list below is sorted in alphabetical order by tech stack name
 export const TECH_COLORS = {
     'Discord.py': '#7387CE',
     FastAPI: '#F6BF00',
+    NextUI: '#A8DADC',
     'Next.js': '#B17CA6',
+    'Pragmatic Drag & Drop': '#FF6F61',
     Python: '#64B550',
     React: '#ED8C9B',
+    Requests: '#FFD166',
     Supabase: '#5DBBB5',
     'Tailwind CSS': '#907FC3',
     TypeScript: '#ACCB00',
+    Vite: '#646464',
 } as const satisfies Record<TechStack, string>;
 
 /**

src/constants/tech-stack.ts

@@ -1,11 +1,16 @@
+// the list below is sorted in alphabetical order by tech stack name
 export const TECH_STACK = [
-    'Python',
+    'Discord.py',
     'FastAPI',
-    'TypeScript',
-    'React',
     'Next.js',
-    'Tailwind CSS',
+    'NextUI',
+    'Pragmatic Drag & Drop',
+    'Python',
+    'React',
+    'Requests',
     'Supabase',
-    'Discord.py',
+    'Tailwind CSS',
+    'TypeScript',
+    'Vite',
 ] as const;
 export type TechStack = (typeof TECH_STACK)[number];

src/data/future-projects.ts

@@ -11,19 +11,26 @@ export const FUTURE_PROJECTS: FutureProject[] = [
         title: 'Courses API',
         description:
             'Scrapes course info from the UofA website and provides course data for other projects through an API endpoint.',
-        techStacks: ['Python', 'FastAPI'],
+        techStacks: ['Python', 'FastAPI', 'Requests'],
     },
     {
         title: 'MyTimetable',
         description:
             'An interactive drag-and-drop timetable scheduler to help UofA students optimise their weekly timetable.',
-        techStacks: ['TypeScript', 'React', 'Next.js', 'Tailwind CSS'],
+        techStacks: [
+            'TypeScript',
+            'React',
+            'Vite',
+            'Pragmatic Drag & Drop',
+            'NextUI',
+            'Tailwind CSS',
+        ],
     },
     {
         title: 'MyStudyPlan',
         description:
             'A UofA degree planner that allows you to explore and validate your degree structure.',
-        techStacks: ['TypeScript', 'React', 'Next.js', 'Tailwind CSS'],
+        techStacks: ['TypeScript', 'React', 'Vite', 'Tailwind CSS'],
     },
     {
         title: 'MyCourseReviews',