In this lecture, we need to discuss the next steps we will take to develop an application.
We have completed the first step of transferring the static design into our app.
The next step is to make it functional like before.
It can be daunting to decide where to begin with making the app functional.
We're going to need a lot of features.
The best way to decide where to go next is to break everything into smaller steps.
First, we need to ask ourselves what features will our app have at a high level?
We are going to have two features in our app.
The first feature is a user system.
We need a system for logging in, creating an account and persisting authentication.
The second feature is a video system.
This part of the app will help the user manage and share their uploads.
We need to develop a way to upload files.
Now the question becomes which systems should we work on?
In my opinion, working on the user system is a great place to start.
Users can't upload videos if they don't have accounts.
Therefore, the user system should come first and foremost after picking where to start.
We will run into the same problem again.
Where do we start with a user system?
We will apply the same technique again.
We need to break down this system into smaller steps.
We're going to need a couple of things.
First, we need a UI for allowing the user to interact with the user system.
Secondly, we're going to need form validation.
User data is sensitive and highly important.
If we enter data incorrectly, it could lead to a lot of issues.
Form validation will help us tackle this issue.
Thirdly, we need to store user information in a database.
Lastly, we need to assist the users authentication out of these four steps.
Which do you think we should start with?
The UI seems like a great place to start.
We won't be able to enforce validation if there isn't a UI to begin with.
The same goes for everything else.
The UI will tie it all together.
We're getting closer to figuring out where to start.
We need to design the elements for our UI.
There are a lot of pages and sections in our app.
We want to put our focus on the parts for the user system.
Let's talk about what the UI will look like at the top.
We will have a navigation menu.
We should make the menu a separate component.
It contains a link for opening a modal.
The word modal is a fancy word for a pop up.
The mobile will be layered on top of the entire page.
We will make the modal and individual components after creating the modal.
We will need two more components for the login and registration forms.
Both forms will be in separate components to reduce clutter.
Lastly, we have a tab's component.
We don't want to show both components at once.
We should allow the user to switch between either form.
We will create tabs to help users switch between forms.
At this point, we've broken down everything into smaller steps.
It's the main takeaway of this lecture.
Developing an application can seem daunting, but everything becomes clear.
Once you get used to breaking an app into smaller pieces and the next set of lectures, we are going
to start creating these components.