An e-Commerce site where Juzmooth clients can place an order and Juzmooth admins can manage products, databases, and tracking deliveries.
Tech Stack: Python/Django/JavaScript/ Bootstrap4/ JQuery/ PostgrSQL/ Heroku.
# views.py -the core of the project structure, connects the app with the database, and all the corresponding paths for each web page.
# urls.py -determines the paths for each view function. Connects the HTTPrequest waiting for a matching response from views.py. Here we define the routes and arguments that we would need in order to fetch a call to our db.
# models.py -gives a perspective of how each table of the database looks like and what data types are referring to.
# templates folder -contains all HTML files.
# static folder -contains `auctions` folder which contains the css file with the stylesheet, all images using in the application, javascript file and a `readme` folder which contains the images for the readme file.
# main.js -connects the client-side with the server-side, here all the APIs calls are made to fetch information from our database. The path using in our fetch request has to match with the path on our urls.py to connect with the view function and retrieve information. Implementing AJAX to prevent refresh/ reloading the webpage which makes our app run fast.
$ . venv/bin/activatecd commercepython manage.py makemigrations auctionspython manage.py migratepython manage.py runserver
Checkout page - Additional information will be prompt to the user to fill out a form before finished to order.
Products list page admin-view. Allows admin to review product list, delete, update and create new product.
Products list page admin-view. Allows admin to review product list, delete, update and create new product.
Order list page admin-view. Allows admin to review order list, mark the order as pending or delete the order.
Mobile responsive design with toggle navbar and scrolling down the page, using the bootstrap grid system.
