medsaad88 Goto Github PK

algo3

Checkpoint Procedural programming: Dot product

algo4

algorithm-project1

algorithm-project2

api-checkpoint

In this checkpoint,we are going to consume an API that provides us with list of users. Just follow the instructions: Instructions Create a project using create-react-app. Create UserList.js file in src folder Install axios. You gone to use jsonplaceholder API to get list of user Use axios to Get data from Link inside useEffect hooks Use UseState hooks to save data into listOfUSer state Map listOfUser to display list of user into screen Style your App as you wish

checkpoint-mongoose

checkpoint-props

checkpoint-rest-api

checkpoint-router

n this checkpoint, we are going to use the movie app we have created in the previous checkpoint and afterward, we will use the router library to route our views. Instructions We will add a description and the trailer link (embed video link) to the object movie. Every time I click on a movie card, it will take me to the movie description and trailer page. In the description page, I can navigate back to the home page.

css-layout

css-project

dom-project

express-checkpoint

first_repo

git-github-project

hooks-checkpoint

In this checkpoint, we are going to create a movie app where you can present your favorite movies or TV shows. We will also be able to use the react hooks.

html-project

jsx-checkpoint

Create a project using create-react-app. Create App.js file in src folder and use it as a root component for your React app. Create a profile folder (path: src/Component/Profile). Inside your profile folder, create: (ProfilePhoto.js / FullName.js / Address.js ). ProfilePhoto.js: a functional component that returns a photo of your profile. FullName.js: a functional component that returns your full name. Address.js: a functional component that returns your address. Import profile components into App.js and use them. Feel free to style your app as you wish.

mongdb-checkpoint

nodejs

react-js-checkpoint

In this checkpoint, we are going to make our first contact with React. Instructions Let’s start playing around with React. Create a new React project. Add bootstrap to your project. Try to create a form using bootstrap. In case you meet any problems, take a look at these readings about React.. Create a layout for the website. And Be creative! Before you start with react, you should follow these steps: Install Node JS. Install Visual Studio Code. Create a folder and access it using the command line. Type “ code .” to open the folder in vscode.

react-state-checkpoint

redux-checkpoint2022

In this checkpoint, we are going to use what we have learned previously to create a ToDo Application while using Redux to manage the global state. Instructions Create the following component: Addtask ListTask Task Every task should have the following attributes:I d, description, isDone The user should be: Able to add a newTodo Filter the tasks by (done/not) Edit a task