team tally #001

The first steps were to set up a project, git and all the ad-hoc stuff needed in the beginning.

I set up a expo roject, spent some time reading the docs and decided to start using the

Connected the the expo project to my expo account. Now I can use

to help me build and deploy the app, more on that later.

Set up a color scheme, decided to use

This is an easy on the eyes, simple and nice looking color scheme.

After I added the color scheme I started to add one new tab.

I think three main bottom navigation tabs will be enough. I might add some modals or drawers, but these three sceens should be enough.

Next up was to get authentication out of the way.

Decided to use Clerk , read it’s easy to use. Set up Clerk acocunt, added package and started reading through their documentation. Seemed pretty easy to setup.

Quite straight forward, had to mix it up with the expo app router to get the correct flow. But now it’s set up and I’m in the work of getting it to work.

One drawback is that Clerk doesn’t offer their drop-in components for expo, but it’s not like it’s the end of the world. Easy to add some inputs and buttons to handle the user inputs for authentication.

I still need to decide if this will be the user authentication flow of the app.

I am working on creating custom re-usable components to use in the app. Inputs and Buttons for example, this will help keeping consistency in the UI.

To the right you can see an image of the Sign in screen, it’s very simple. But it works. The Sign up screen is the same, but it also has the added step of needing to put in a verification code that Clerk sends you. 👉🏼

And yes, there is a warning at the bottom. That’s because I’m using development keys form Clerk while developing the app!

I want the Log-in and Sign-up to be as good as finished. So I can spend the next cycles focusing on other screens of the app.

I might want to add another team login? That might be a simpler way to start, instead of needing to add the teams to the users and building a screen to connect those together

I have started to draft out a database schema, I’ll spend some time in this upcoming cycle to improve it and add a database to the app.

I should make a logo, no need for it yet, but I have the colorscheme, I have some idea about how I want the logo to be: minimal and simple. I’ll try to make it on my own, or get somehelp 🤠.

The last couple of days I spent building a dropdown to use in the app, for that I needed a

I want to make this drop down as re-usable as possible, so I can use it in multiple places in the app. I think it’s a good idea to make a custom dropdown component, so I can style it as I want.

Next cycle will start tomorrow. In the next cycle the biggest task is to build the database, connect it to the project and start reading from it and writing to it!