This repository contain the entirely code to my final project to the CS50w. My project consist in a WebApplication to create purchases orders based in a CSV price table. In many situations we need digit a request basing in a product catalog, make it using this application is vary easy because we need just give the price table in CSV. The application have been builded with Django, JavaScript, HTML and CSS.
The project have been uploaded in Python Any Where.
A shortely video to demonstrate the project was uploaded in Youtube.
According with the specifications, this project is entirely different from all other projects that we have made along to the course. From my point of view, achieve the requirement because:
- There is one model to login and logout in application;
- The appearance is professional and mobile responsive;
- It's a tool possible to use in some contexts in professional area, to make orders;
- Uses the Tailwind CSS framework to make beautiful pages;
- Uses a route in Django to response one CSV file to the user.
Beyond this, my application use a bunch of JavaScript functions to update the User Interface and make the application more dynamic.
mostruario
- main application directory.static/mostruario
contains all static contentmostruariotable.js
- all the scripts to manipulate the user interface and build a table.tailwindconfig.js
- script to configure the Tailwind CSS.
templates/mostruario
contains all application templates.layout.html
- base template to the application.login.html
- template to login.register.html
- tamplate to create one account.index.html
- interface when a user login, that will be manipulated by the JavaScript.
models.py
contains a model to register users.urls.py
contains all the URLs.views.py
contains all application views.
crejosis
- project directory.requirements.txt
- packages required in order for the application to run successfully.price.csv
- one CSV file to use by example.docker-compose.yaml
- docker file to build a image and container.
If do you have a Docker, just clone the repository and run docker-compose up
in the directory. Last, visit 127.0.0.1:8000
to see the application.
- Clone the repository to your system.
- Install all project dependencies running
pip install -r requirement.txt
. - Start the Django web server using
python manage.py runserver
. - Go to website address and register an account.
Thanks for everyone that make CS50's Web Programming with Python and JavaScript course possible, your are fantastic people ;D.