Celeste

Inspiration

We were inspired by how people were able to teach hard subjects by simplifying the concepts. We wanted to do the same for space. Additionally, people often don't know about any astronomical events occurring soon in their area, often missing out on these beautiful sights. We wanted to change that as well.

What it does

Our website makes learning about space and upcoming astronomical events easy. It puts everything in one place, and let's you add an upcoming event to your calendar with just a click of a button.

How we built it

We built our website using HTML, CSS, JavaScript, Python, and Flask.

Challenges we ran into

The main challenge we ran into was getting used to using various languages and websites that were unfamiliar to us. This project was our members' first time developing a website, as well as using github. It was also difficult to combine front-end and back-end. We had a clear vision, but we weren't sure how to implement it.

Accomplishments that we're proud of

We're proud of the design of our website. It's clean and cute! We're also proud that we were able to make the website look close to the mockups despite our inexperience.

What we learned

We learned how to use github and how to code in HTML and CSS.

What's next for Celeste

We want to refine our website by successfully implementing the events section, including more celestial objects to our uncover section, and adding small animations. We can also expand the website to include opportunities related to space for those who are interested in pursuing a career in that field.

Built With

Submitted to

DAHacks 3.0

Created by

I designed the mockups and helped with the front-end code. I made the website look pretty from a skeleton provided by my teammate. It was hard since I never used HTML and CSS before, but a few videos later and our website came together!

Jasmine Tu
I worked on developing the backend using python and flask to make html cooperate with the files. Our code will direct user to the link of the event they click on and search for events in the events file.

Minh Trinh
I worked on the Front-End and played the role of a project manager. I learned a lot about how to make wireframes for websites, delegating tasks to my team, and how to navigate Github for collaboration. We went through a lot of difficulty since it was our first hackathon, but came out of it learning so much. Moving forward I want to learn more JS and React to help streamline the process, then diving into more Back-End technologies.

Wilfredo Concepcion
I worked on the backend/frontend using python, flask, and html. I had trouble trying to display images from using the python code into the html file which I later found out that knowing pyscript may have been the answer to this challenge. What I found challenging was how the front and backend work together to make a cohesive website. I wanted to display the images of a website that shows astronomical events near you into our own website that has a designated textbox.

Lordin Yi

Updates

Jasmine Tu started this project — Oct 26, 2024 05:49 PM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.