Astrolabe

Inspiration

I'm inspired by my struggles in managing and recording a plethora of information regarding my courses, projects, networking, and others. I started off with just courses and projects, as they are the most integral things in college.

What it does

Essentially Astrolabe is a tool for students, made by a student, with the feelings of students in mind. Astrolabe provides an organized operating system where students can keep course of their courses, manage study habits, keep course of projects, and translate them into resume ready bullet points. Some key features are a pomodoro timer; course manager that allows the user to add upcoming exams within; and project manager that allows users to record metrics, ideas, and progress made.

How I built it

I built it using TypeScript, Tailwind CSS, React, and shadcn UI libraries. Many of these tools helped me properly configure and build features relatively quickly and efficiently compared to when I used just JavaScript and before that just html and css.

Challenges I ran into

Some challenges I ran into where a plethora of bugs that came from organizing the codebase architecture and rerouting some components into UI libraries. There is also the obvious struggle with dealing with a novel tech stack to me. And unfortunately some challenges I couldn't overcome before I turned it in such as implementing a database where this MVP can be fully able to launch.

Accomplishments that I'm proud of

First off I am happy that I was able to implement different features that are fairly disconnected from each other into one app to make a cohesive experience for a student to succeed. Obviously, as I mentioned before, I am also happy that I was able to learn many new technical skills such as TypeScript, Tailwind CSS, and further sharpening my react skills to be able to create a website such as this. Tailwind specifically is significantly different from the CSS I was used to but after using tools and learning the basics and structure of Tailwind I was able to use it much more efficiently. Lastly, I am also happy that I was able to improve my business and critical thinking in order to implement and improve some features. For example, for the project launcher, I thought about how I can use this to help college students properly organize their projects to then implement onto a resume so I thought about "Action Word Project/Idea then Metric" format and implemented it. I also did small interviews with my friends about what they struggle with in resume building and in college.

What's next for Astrolabe

Astrolabe will continue and I will expand it's features by adding a study schedule calendar, tie different pages together, add a backend and log in page for new users, potentially add a social feature for different users, AI integration that helps with reading syllabi, and AI integration to assist with ideation and roadmapping.

Built With

• react
• tailwind
• typescript