DEV Community

Cover image for Devlog #1: Setting Up
Jesse Robertson
Jesse Robertson

Posted on

2 1

Devlog #1: Setting Up

Today starts the first day prototyping an app I plan on pushing out over the next few weeks.

I mostly spent the day setting up the foundations. It's my first time using Ionic, so a lot of time was spent upfront skimming through the docs to make sure I wanted to use it. After I got Ionic/Angular installed, I bought a domain for the app for 1) a landing page for it and 2) so that I could have a support email specifically for it. Once I had G Suite set up, I went over to Firebase to set up an application to enable authentication and Firestore. I had used all of these technologies before(excluding Ionic), but not together.

After getting a basic Ionic login page up and running, I started implementing Firebase. Now, it wouldn't be programming if you didn't spend over an hour trying to fix a 'bug' that's really just you forgetting some of the most basic building blocks.

Error stating the module '../environments' could not be found

For the life of me, I could not figure out why it wouldn't recognize the 'environments' module. After a nice break, I came back to it and realized duh, I was trying to import a variable from a TypeScript file without declaring the TypeScript file I needed it from. Thus, '../environments' turned into '../environments/environment.'

Next, I set up form control and validation for my login page, and had to call it a day. Tomorrow, I plan on setting up everything Firebase: Login with email/password and Google, password resets, account deletion, etc.

Example login page in Ionic Lab

Stay tuned for more to come! I'll be posting every day even if I only accomplish something small.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

nextjs tutorial video

📺 Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay