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.
- 📂 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
-