This is a simple example of how someone can create a very simple TODO app for web and mobile app. Technologies used are C# for the backend, ReactJS for the web application, Jetpack Compose for the Android App and SwiftUI for the iOS App.
Here's why:
- Help students understand how end to end applications are build
- Provide a URL cotaining a setup to play with
- Using newest technologies from the industry
Download Visual Studio and install in on your machine.
Download Docker and install in on your machine.
Once docker is installed navigate to the root folder of this project and run this command docker-compose -f mysql-dev-init-compose.yml up
This will create a container containing mysql and will setup a default db user, db database and the db table needed for our application to run. It should look like this inside the docker app once done.
Open Visual Studio and open the project under backend/UniTodo
. You should see the following structure.
Make sure that the docker container is running and you have the correct project opened on Visual Studio. Press the play button to build and run the application. Once the build finishes a webpage will open containing your local setup and 4 actions available from the backend. More info about swagger here
Using this you will be able to test the operations available.
Download and install nodejs (lts)
For better future support and ease of use it is recomended to install nodejs through NVM (Node Version Manager). This will enable you to switch between versions depending on the projects you are running.
Once nodejs is setup, navigate to web-app/uni-todo-app
and run the following commands:
npm i -g yarn
this will install a different package manager called yarn, which is commonly used instead of npm.
yarn install
this will install all the dependencies needed for the application to run
yarn start
this will start your application and open your browser running the local version of the web application.
Download an install Android Studio and install it following the setup proceedure.
Open the project inside the folder mobile/android
.
Open your terminal and run the following command to enable development on our localhost server
adb reverse tcp:7046 tcp:7046
Runn the application