Play

Using Django on the back-end and HTML, CSS, JavaScript, React and Bootstrap on the front-end, I have created a project that allows users to play a game of hangman. The user can register, login, logout, keep track of their progress, play hangman, have friends and chat. I made this project after completing CS50 web development with Python and JavaScript.

Navigating the file system:

• 📂 game : root folder for game app

  • 📂 static/game : Contains static files like image files, css files and JS files

    • 📂 index.js : contains javascript code for the django project
    • 📂 inherit.css : CSS style file for the django project
    • 📂 register.css : CSS style file for the django project
    • There are also image files present here that is loaded in my html files when required.

  • 📂 templates/game : Contains HTML files

    • 📂 inherit.html : This is the layout html file that other html files inherit from
    • 📂 index.html : HTML file for the main view where I have created various divs whose views are controlled by JavaScript written in index.js
    • 📂 login.html : HTML for the login view
    • 📂 profile.html : HTML for an individual user where other user can follow them
    • 📂 false.html : HTML for a user that is not in our database but was searched for following
    • 📂 register.html : HTML for the register view

  • 📂 model.py : Contains the models for the database which is in SQLite

  • 📂 urls.py : Contains the routes for the game app and also the JSON REST API routes

  • 📂 views.py : Contains the functions that render views for this app