Tic-Tac-Toe Online!! online game website

 

In this project i have implemented a full website.

the code was written in 12 days so don't expect a fully secured website with clean coding :D

 

Click for quick tour of website (running on localhost and one machine)

---

Here are the screens:

 

Core features of website:

• User
  • User signup and login (checking inputs on client side)
  • User profile view
    • see info and profile pic
  • User profile edit
    • upload files ( profile picture) and data
• Game
  • playing two players offline
  • playing logged in
    • playing with bot (computer in client side) and earn points 
    • playing online with other users and learn more points
• Leaderboards
  • top 15 and your rank
    • ranking globally 
    • ranking locally
• other
  • playing background music
  • supporting browser history
  • using iframe in about panel

UI design:

• Reactjs framework
  • libraries
    • redux
      • with devtools middleware for browser
    • redux thunk
    • bootstrap ( for responsive design)
    • react-router

Backend:

• nodejs
  • Expressjs framework
  • Parseplatform opensource
    • query
    • login and signup
    • live query
    • cloud code
    • files (upload and download)

Testing:

• deploying on seperate machines is more efficient soloution
  • reactjs on one machine
  • nodejs on another machine
• you can test website on localhost locally with one machine and multple clients ( multiple browsers)
• can be deployed on local network and test with multiple clients and machines

 

Contributers:

• navid malek

Code Implemention:

https://github.com/navidpadid/web96RMN/tree/master/Project

 

 

Google Firebase - pure HTML & CSS

This is clone from Googles Firebase, done purly in HTML and CSS without anything else ( even Javascript).

The goal was to :

• improve pure HTML CSS capabilities (without frameworks and libraries like bootstrap) 
• Responsive Design from scratch 
• Improve inspect element capabilities
• Read leading website developers UI code (here Google)

Codes:
https://github.com/navidpadid/web96RMN/tree/master/hw1_final

Contributors:
navid malek
reza rahimi

 

 

the Real website:

 

 

 

The Fake:

 

Web Development - Back End & Front End

Hi,

Recently i've started to learn some web development, after searching and asking some of my friends which are expert in web development, i've chosen this materials for Front End and Back End development.

Also these are the required skills for my web Project.

 

Front End :

 

Language = persian

cost = not free 

time = 62 hours

topics ==>

                 HTML 5

                 CSS 3 

                 JavaScript & JQuery

                 Interactive design ( Bootstrap ...)

 

 

 

Link = https://plus.maktabkhooneh.org/course/

 

Back End:

Language : English

cost = monthly

time = up to 15 hours

topics ==>

               PHP 7.1

               Symphony 3.3 framework

 

Link = https://knpuniversity.com/tracks/symfony#starting-in-symfony-3