Login and Signup pages

So far this has been the most challenging part of the project.

I started out with asking chat GPT how to create the backend so I could store user data. It suggested I use MongoDB. That ended up being quite confusing to navigate and I would not recommend for a beginner.

I took some time off for the new year and came back feeling a little less defeated. It was at this time I looked into using Google. That’s when I discovered Firebase and it proved to be much easier to work with.

In conjunction with Cursor I was able to implement everything and create the sign in/sign up sheets below.

The next step was making sure it all worked which required me to learn how to host everything locally. I did this by prompting cursor and it eventually lead me to using…

npx vite

However, I ran into some trouble when trying to host my newly updated UI. The local host link that I had been using was displaying my original basic login UI and I had no idea why so I simply asked cursor. Cursor then instructed me to clear my cache using this line…

and then I also needed to make sure my vite.config.js was pointing to the correct directory.

After these steps were completed I was able to generate a new local host link that projected my new UI that you saw previously in this post.

Next step will be integrating sign in with google.

What I learned

• Take everything AI tells you with a grain of salt and find what works for you.

• Use what you already know or are comfortable with. In my case it was the google ecosystem.

• Prompting for AI is extremely important. Be specific in what errors you are encountering and specific about what features you want.

• Focus on one thing at a time until it works well.