Get a Frontend - Githubissues

ggneilc / stat-tracker

Health & Fitness Tracker designed to gamify life to increase motivation, written in react native

0 stars 0 forks source link

Get a Frontend #7

Closed ggneilc closed 10 months ago

ggneilc commented 11 months ago

we have enough CRUD to where we can actually start to create a frontend to use it, and once we have that we are well on our way of having a real app.

Figure out how to use react
Figure out the best frameworks/libraries to use it with
create basic home/weight/meals screen

The basic frontend does not have to match the figma design at all right now, since we are just learning and don't want to spend forever on this when the backend is the majority of the app.

ggneilc commented 11 months ago

Progress check:

Using React Native
TabView Library to create clash royale style (as opposed to stack view
able to create screens
able to create components
able to style components

Now, we need to:

make api calls to get user data
pass data to components
use data to populate info fields

ggneilc commented 11 months ago

random issue: android emulator no worky -> For some reason I can only connect to my Expo go app using the QR code, the bun run android starts an android emulator which proceeds to get caught in loading. I have tried clearing everything of node and trying again, I have tried restarting pc, tried it with a completely different (fresh install) project, absolutely nothing has worked. It literally just one second stopped working. I changed literally nothing about my code, it just straight up stopped working after I closed it and tried to run it again.

Made, and still makes, me delirious

ggneilc commented 11 months ago

ok so we have the basic setup for the frontend complete, the only thing left to do before closing this issue is being able to communicate with the API a little bit:

be able to create a meal entry
be able to get meal entries

we will deal with home screen & weight later, but if we can create and list stuff from the UI then this issue is a success, and we have a straightforward path from there.

ggneilc commented 11 months ago

here's the current goal:

create a meal entry

The libraries we are using:

React Native -> cross platform mobile development
react-native-navigation & /tabview -> tabview library of react native navigation to have clash royale style screens
redux -> store global variables, like user information to be able to access/manipulate on any screen
react-hook-form (?) -> collects form information to send to server

current goal: setup redux to be able to store user information upon login and create a meal entry for it.