Creating the frontend entails building the interface that users can see - an this is only possible using the npm/npx create-react-app appname command since we are building a react application.
Make sure you do this inside the Todo directory created earlier
Install the necessary dependencies such as concurrently and nodemon
modify the package.json file inside the Todo directory by adding the following key-value pairs : start, start-watch and dev
navigate to the appname directory you just created and proxy to the package.json file to create an alias to runing the application through localhost:5000 instead of supplying all the application directory
Mavigate to the Todo directory and run the application using the command npm run dev
you can also run the application on your browser by typing localhost:3000 but make sure you configure the port 3000 on your EC2 INSTANCE
inside your client/src directory a directory called components and add the following files using the touch command ; create three files Input.js, ListTodo.js and Todo.js and paste the codes for creating each of the interface making sure you installed all necessary dependencies such as axios
Modify the default Api.js file by pointing to the Todo.js file created inside the components folder
create the css files (App.css and Index,css) navigate to the Todo folder and run npm run dev command to get your final output
Creating the frontend entails building the interface that users can see - an this is only possible using the npm/npx create-react-app appname command since we are building a react application. Make sure you do this inside the Todo directory created earlier Install the necessary dependencies such as concurrently and nodemon
modify the package.json file inside the Todo directory by adding the following key-value pairs : start, start-watch and dev
navigate to the appname directory you just created and proxy to the package.json file to create an alias to runing the application through localhost:5000 instead of supplying all the application directory
Mavigate to the Todo directory and run the application using the command npm run dev
you can also run the application on your browser by typing localhost:3000 but make sure you configure the port 3000 on your EC2 INSTANCE
inside your client/src directory a directory called components and add the following files using the touch command ; create three files Input.js, ListTodo.js and Todo.js and paste the codes for creating each of the interface making sure you installed all necessary dependencies such as axios
Modify the default Api.js file by pointing to the Todo.js file created inside the components folder
create the css files (App.css and Index,css) navigate to the Todo folder and run npm run dev command to get your final output