Welcome to the 4K Display Django application project. This project utilizes the power of JavaScript, AJAX, and Bootstrap 5.
The main goal of this project is to showcase 4K images on a small social media platform.
- CRUD app using Django, JavaScript, and AJAX.
- Manipulating DOM with vanilla JavaScript.
- Running AJAX calls and using AJAX & vanilla JavaScript in a Django project to improve user experience.
- Implementing Bootstrap 5 elements such as modals, carousels.
- Integrating Dropzone.js for a seamless file uploading experience.
- Adding a spinner to the project to indicate ongoing processes.
- Loading more data on a button click for a more dynamic user interface.
- Implementing like/unlike functionality for posts using AJAX.
- Creating custom decorators in Django for enhanced security and customization.
This project serves as a testament to the versatility and power of Django, JavaScript, AJAX, and Bootstrap 5 when combined effectively. By exploring the codebase and documentation, you will gain a deeper understanding of how these technologies can be leveraged to create feature-rich, visually appealing, and interactive web applications.
Feel free to dive into the project, study the implementation, and use it as a reference or inspiration for your own Django-based projects. Contributions, suggestions, and feedback are always welcome.
Front-end frameworks: Bootstrap
Front-end libraries: jQuery, dropzone
Back-end frameworks: Django
RDBMS: SQLite
Windows
- Go to the official Python website: Python
- Download the latest version of Python for Windows by clicking on the "Download Python" button. Choose the version that is appropriate for your system (32-bit or 64-bit).
- Open the downloaded installer and follow the installation wizard. Make sure to select the option "Add Python to PATH" during the installation process.
MacOS
- Go to the official Python website: Python
- Download the latest version of Python for Windows by clicking on the "Download Python" button. Choose the version that is appropriate for your system (32-bit or 64-bit).
- Open the downloaded installer and follow the installation wizard. Make sure to select the option "Install for all users" and "Add Python to PATH" during the installation process.
Linux
- Open a terminal window.
- Use the package manager for your Linux distribution to install Python. For
example, on Ubuntu and Debian, you can use the command
sudo apt-get install python3
to install Python 3. - Verify that Python is installed by running the command
python3 --version
in the terminal. If Python is installed correctly, you should see the version number of Python that you installed.
Depending on how you want to use this project, you may want to run it locally on your machine. If so follow the steps on this section:
- Install virtualenv: Once you have installed Python, you can install virtualenv using pip. Open your terminal (Command Prompt for Windows) and type:
pip install virtualenv
MacOS & Linux
- Create a virtual environment: To create a virtual environment, go to the directory where you want to create it and run the following command:
virtualenv myenv
Here, myenv is the name of the virtual environment. You can choose any name you want.
- Activate the virtual environment: To activate the virtual environment, run the following command:
source myenv/bin/activate
Windows
On Windows, the command is slightly different:
myenv\Scripts\activate.bat
- Open the command prompt
- Navigate to the directory that contains the requirements.txt file.
- Run the following command:
pip install -r requirements.txt
Run inside the directory containing manage.py
file:
python manage.py runserver
Prepare:
python manage.py makemigrations
Run:
python manage.py migrate
If you would like to add any extra features to the optimisation simulation, feel free to fork and create a pull request. Thank you!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
Erol Gelbul - Website
Project Link: 4K Display