Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

my project #3

Open
wants to merge 17 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 26 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,28 @@
Solutions to additional challenges given in React's "tic tac toe" tutorial. [Demo](https://harman052.github.io/react-tutorial-solutions/)<br><br>
In addition to tutorial challenges, reset and play again buttons are added. Technically, both are same. Reset button appears all the time but play again shows up only when game is over (i.e. either draw or win/lose).
# Tic Tac Toe
Hello, here i will write how I changed this project

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
1) >I opened website with projects [link with examples](https://reactjs.org/community/examples.html) and chosed project Tutorial Solutions
![first](img/first.png)
After forked this project to my Github
![second](img/second.png)
2) >Next I picked random country from [random country](https://random.country)
![third](img/france.png)
3) >Started to change styles
* Changed body,square and buttons color. ![color](img/color.png)

* Made buttons and squares more attractive(added borders and margin). ![btn-sqr](img/btn-sqr.png)

### How to start the app?

Go to the app root directory and run: `npm start`

It will start the development server. App will open at [http://localhost:3000](http://localhost:3000) in the browser. The page will reload if you make edits. You will also see any lint errors in the console.

### Useful links

[Tutorial: Intro to React](https://reactjs.org/tutorial/tutorial.html).

#### Suggestions/contributions for all sorts of improvements are highly encouraged. :-)
4) >Added first buttons, if you click on them you could find recipes of top 5 famous french foods. ![food](img/recepts.png)
5) >Changed a little bit size of buttons and squares ![squares](img/change.png) and added japanese - french dictionary.
* if you click on button "translation" you will se alert window with translation
![first-step](img/1.png)
![second-step](img/2.png)
6) >Added new switch button (Yes or No) ![yesorno](img/first-place.png)
Function of this button is really easy, just click on it if you want to visit this place and the button (No) will change color
![change](img/second-place.png)
1) > And last component shopping list
![list](img/list.png)
just click on checkbox next to things that you have bought
![bought](img/bought.png)
8) > Added logo for extra points :)
![logo](src/components/img-second/logo-added.png)
Binary file added img/1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/bought.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/btn-sqr.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/change.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/color.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/first-place.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/first.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/france.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/list.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/recepts.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/second-place.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/second.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading