Otabek by Otabekkadirov · Pull Request #1 · IT-forward/react-api-projects

Otabekkadirov · 2021-03-28T07:12:59Z

Loyiha mazmuni

React Movie Search app

Talablar:

1. Min:

Boshqalarning qilgan ishiga (video yoki maqolalarga) qaramasdan React bilan mustaqil kamida 1 ta app yoki o’yin tayyorlash.
React class componentlardanmas, Function componentlar bilan kod yozishi va state o’rniga hook’larni ishlatishi: https://reactjs.org/docs/hooks-intro.html
Loyiha kamida 5 ta component’dan iborat bo’lishi.
Bootstrap CSS framework ishlatish.
Har bir proyekt Github’ga yuklab borilgan bo’lishi va README yozilgan bo'lishi.

2. Max:

API servislardan foydalanish: https://github.com/public-apis/public-apis
Test yozish: https://reactjs.org/docs/testing.html
PropTypes ishlatish: https://reactjs.org/docs/typechecking-with-proptypes.html

bahriddin

Boshlanishiga juda yaxshi. Assoan, componentalarni ajratishda takliflar bor.

bahriddin · 2021-03-28T10:27:33Z

otabek/README.md

@@ -0,0 +1,70 @@
+# Getting Started with Create React App


Reactning readmesini o'chirib, loyihangiz haqida yozing.

Tushunarli.

bahriddin · 2021-03-28T10:31:10Z

otabek/src/SearchMovies.js

+      <form className="form" onSubmit={searchMovies}>
+        <label htmlFor="query" className="label">
+          <h3>Movie Name</h3>
+        </label>
+        <input
+          className="input"
+          type="text"
+          name="query"
+          placeholder="i.e. Harry Potter"
+          value={query}
+          onChange={(e) => setQuery(e.target.value)}
+        ></input>
+        <button className="button" type="submit">
+          Search
+        </button>
+      </form>


Shu qismni to'liq component qilib ajrating.

Suggested change

<form className="form" onSubmit={searchMovies}>

<label htmlFor="query" className="label">

<h3>Movie Name</h3>

</label>

<input

className="input"

type="text"

name="query"

placeholder="i.e. Harry Potter"

value={query}

onChange={(e) => setQuery(e.target.value)}

></input>

<button className="button" type="submit">

Search

</button>

</form>

<Form onSubmit={searchMovies} />

Yes qilamiz.

bahriddin · 2021-03-28T10:32:21Z

otabek/src/SearchMovies.js

+      <div className="card-list">
+        {movies
+          .filter((movie) => movie.poster_path)
+          .map((movie) => (
+            <MovieCard
+              key={movie.id}
+              img={movie.poster_path}
+              title={movie.title}
+              date={movie.release_date}
+              rating={movie.vote_average}
+              desc={movie.overview}
+            />
+          ))}
+      </div>


Buniyam CardList deb alohida component qilib ajrating.

bahriddin · 2021-03-28T10:32:59Z

otabek/src/components/Tasbih.js

@@ -0,0 +1,43 @@
+import React, { useState } from "react";


Shunchaki mashq uchun yozilgan edi. 33 gacha sanaydigan counter buttonlar :)

bekji

Test

bekji

Hammasini bilasizku, yana eslatma bo'ldi. PropTypes ishlatsez bo'ldi menimcha. Zo'r yozibsiz lekin!

bekji · 2021-04-07T04:54:46Z

otabek/src/components/Form.js

@@ -0,0 +1,22 @@
+import React from "react";
+
+export default function Form(props) {


Parameter olayotganda destructuring ishlatsangiz, qolgan joylarda props. deb yozib o'tirmaysiz.

destructuring qildim

bekji · 2021-04-07T04:57:07Z

otabek/src/components/MovieCard.js

@@ -0,0 +1,23 @@
+import React from "react";
+
+export default function MovieCard(props) {


bu yerda ham shu ({ img, title, date, rating, desc }) kabi

bekji · 2021-04-07T05:00:59Z

otabek/src/components/SearchMovies.js

+import Form from "./Form";
+import CardList from "./CardList";
+
+export default function SearchMovies(props) {


bu yerda props kerak emas shekilli

props ochirildi.

Otabekkadirov added 2 commits March 28, 2021 12:10

ready

b782e1f

extra chnages

73be01d

Otabekkadirov requested review from a team, bahriddin, bekji, ergashoveldor, husan-eshonqulov and umida-boltaeva March 28, 2021 08:51

bahriddin removed request for bahriddin, bekji, ergashoveldor, husan-eshonqulov and umida-boltaeva March 28, 2021 10:24

bahriddin requested changes Mar 28, 2021

View reviewed changes

bekji reviewed Mar 28, 2021

View reviewed changes

requested changes done

2754931

Otabekkadirov requested a review from bahriddin March 28, 2021 17:28

bekji reviewed Apr 7, 2021

View reviewed changes

Otabekkadirov added 3 commits April 7, 2021 16:35

some changes

a6ee751

props destructured

4aa2f6b

onSubmit test solved

719959d

Otabekkadirov requested a review from bekji April 9, 2021 02:38

some tests

a172127

		@@ -0,0 +1,22 @@
		import React from "react";

		export default function Form(props) {

		@@ -0,0 +1,23 @@
		import React from "react";

		export default function MovieCard(props) {

Conversation

Otabekkadirov commented Mar 28, 2021 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Loyiha mazmuni

Talablar:

Uh oh!

bahriddin left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

bekji left a comment

Choose a reason for hiding this comment

Uh oh!

bekji left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Otabekkadirov commented Mar 28, 2021 •

edited

Loading