Skip to content

Latest commit

 

History

History

Tic_Tac_Toe_Game

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Assets
Assets
 
 
README.md
README.md
 
 
index.html
index.html
 
 

README.md


Tic Tac Toe

A project made with Love and HTML, CSS, javascript also!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. Contact
  7. Acknowledgments

About The Project

  • Previews Project01 project_01

As the first project of me and Arian this one was very special. We wonder how this has been completed in this little time. Anyway, as you all can see it is a web based, 2 players game with multiple funcionalities. This game has ay interactive and colorful UI which has been appriciated by many of our users(friends).

Key points :

  • This type of project is great strat for beginners.
  • It helps to understand about the integration of learning in early phase. Like the use of javascript and logic building to perform user interaction on web page.
  • This type of games, specially the UI teaches a lot. You can be familier with Positioning of elements and responsive UI after this type of projects.
  • It is strongly recomended to build a very small project like this before moving on landing page and full stack projects.
  • This type of projects gives you exposure to express your creativity. You can experiment with the UI and funcionalities.

This game helped us to learn about many things, like we saw there are millions of tic tac toe around the internet, specially, vs AI. But none of them having all these functionalities all togather. Like most of the game don't have the feature to play with player names. If they have somehow, there will not be a option to reset the round. Along with that no one added rounds in a tic tac toe game. So we tried to implement this all togather. 😄

(back to top)

Built With

Well, this doesn't include a heavy tech stack but fundamentals. Thought bootstrap is included but not used in a good manner. Most of designs rely on Vanilla CSS.

  • Bootstrap
  • Javascipt
  • Html
  • css
  • 💖

(back to top)

Getting Started

  • Create repository.
  • Add collaborators.
  • Clone reposatory.
  • Include bootstrap.
  • Link css and js files

Prerequisites

There are few presrequisites, such as

  • Understanding of HTML
  • A good hold in CSS
  • Advance dom manupulation using JavaScript
  • Conditional statements in javaScript
  • (Advance yet helpful) Use color palets! Check out Color hunt

And the most important thing, go with a design or wireframe. Don't go blank it will take you long and you will not be able to take decisions. We created a wireframe for this project using Balsemiq cloud.

  • It is free for a month you can use it to make wireframes.

  • If you dont want to use it you can use Canva to make a images based page and then turn it into your design.

  • You can get a Canva subscription free if you have Github Student Developer Pack. If you son't have it apply now, it's free and a must have for students.

  • Wireframe for this project image

(back to top)

Usage

It is a fun projects and a really cool game with uh! impressive UI I guess! So you can use it to show off your strategic skill to your friend. Or you can use it for a litle timepass. Have fun!

For more examples, please refer to the Documentation

(back to top)

Roadmap

  • Add necesarry files and images.
  • Build a page structure and separate them with comments. (In all files).
  • Build navbar, board and footer.
  • Add boxes, add styles add logic.
  • Add further functionalities.

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

Contact

Project Link: https://github.com/TuhinBar/Tic_Tac_Toe

(back to top)

Acknowledgments

This whole thing accoplished in a very critical situation. A lot of fighting, disagreeement, uncountable cup of coffies, sleepless nights, discord and obviously music.

(back to top)