Front-end and Backend Development for Existing Webpages
Budget: $30 – $250 AUD
Project Overview:
Further develop and enhance an existing ecommerce store web application, focusing on backend integration, shopping cart functionality, and the checkout process, building upon pre-developed HTML/CSS frontend components with python.
Existing HTML & Bootstrap CSS: For frontend (already developed for certain pages).
Python with Flask: As the backend framework.
Flask WTForms: For form handling.
Flask SQLAlchemy: For database interactions.
SQLite: As the database management system.
JavaScript (Optional): For additional frontend interactivity.
Functional Requirements:
4 X Dynamic Web Pages:
1. Customer Landing Page : Already developed. Integration with the backend is required for dynamic content and database interactions.
2. Item Detail Page: Already developed. Integration with the backend is required for dynamic content and database interactions.
3. Shopping Basket Page: Develop and integrate a page for users to view and delete items in their basket.
4. Checkout Page: Create and integrate a page for users to enter their details and complete orders.
Database Structure:
- Products Table: To store product details.
- Orders Table: To keep track of customer orders.
- Order Details Table: To record the specifics of each order.
Backend Development:
- Implement Flask Templates for dynamic content rendering, particularly for shopping basket and checkout pages.
- Use Flask WTForms for secure and efficient form processing.
- Employ Flask SQLAlchemy for database operations, including product display, basket management, and order processing.
Code Quality:
Maintain clean, well-documented, and maintainable code standards.
Ensure consistency with the existing codebase.
Additional Requirements:
Documentation: Update the README file to include new setup instructions, features, and how to run the entire application.
Code Reusability: Assess and reuse existing code components where possible for consistency and efficiency.
Package Submission: Deliver the project in a ZIP file containing all necessary files, excluding the Python virtual environment. Ensure the file size is reasonable.
Further develop and enhance an existing ecommerce store web application, focusing on backend integration, shopping cart functionality, and the checkout process, building upon pre-developed HTML/CSS frontend components with python.
Existing HTML & Bootstrap CSS: For frontend (already developed for certain pages).
Python with Flask: As the backend framework.
Flask WTForms: For form handling.
Flask SQLAlchemy: For database interactions.
SQLite: As the database management system.
JavaScript (Optional): For additional frontend interactivity.
Functional Requirements:
4 X Dynamic Web Pages:
1. Customer Landing Page : Already developed. Integration with the backend is required for dynamic content and database interactions.
2. Item Detail Page: Already developed. Integration with the backend is required for dynamic content and database interactions.
3. Shopping Basket Page: Develop and integrate a page for users to view and delete items in their basket.
4. Checkout Page: Create and integrate a page for users to enter their details and complete orders.
Database Structure:
- Products Table: To store product details.
- Orders Table: To keep track of customer orders.
- Order Details Table: To record the specifics of each order.
Backend Development:
- Implement Flask Templates for dynamic content rendering, particularly for shopping basket and checkout pages.
- Use Flask WTForms for secure and efficient form processing.
- Employ Flask SQLAlchemy for database operations, including product display, basket management, and order processing.
Code Quality:
Maintain clean, well-documented, and maintainable code standards.
Ensure consistency with the existing codebase.
Additional Requirements:
Documentation: Update the README file to include new setup instructions, features, and how to run the entire application.
Code Reusability: Assess and reuse existing code components where possible for consistency and efficiency.
Package Submission: Deliver the project in a ZIP file containing all necessary files, excluding the Python virtual environment. Ensure the file size is reasonable.