website_bachhoaxanh_clone

🚀 Introduction

• E-Commerce Website Development Project.

• Number members: 2.

• Duration: March 2024 - May 2024.

• Project name: Website "Bach Hoa Xanh" Clone.

• Project type: Clone.

• Description: This project is a website clone of the "Bach Hoa Xanh" website. It is developed as a part of the "Open Source Programming course".

• Members:

  • Nguyen Van Phu (Leader)
  • Nguyen Van Hoang (Member)

• Instructor/ Mentor: Teacher Mrs Nguyen Hai Yen.

• Course: Open Source Programming.

• University: Ho Chi Minh City University Industry And Trade (HUIT).

• Development tools:

                       

• Results and Achievements: Achieved an average score of 9/10 in “Open Source Programming”.

📒 Index

• About
  • Frontend
  • Backend
• Tools and Technologies
• Installation
• Development
  • File Structure
  • Branches
• Gallery
• Results and Achievements
• Known Limitations

🔰 About

• Number members: 2.

• Duration: March 2024 - May 2024.

• Project name: Website "Bach Hoa Xanh" Clone.

• Description: This project is a website clone of the "Bach Hoa Xanh" website. It is developed as a part of the "Open Source Programming course".

• Instructor/ Mentor: Teacher Mrs Nguyen Hai Yen.

• Course: Open Source Programming.

  📂 Frontend:

  • Technologies Used: HTML, CSS, JavaScript, jQuery, Ajax, Bootstrap, Slick, Fancybox, Sweetalert2.
  • Description:
    • Applied Slick for creating responsive carousels and sliders.
    • Used Fancybox for displaying images and other content in a modal window.
    • Implemented Sweetalert2 for enhanced alert and popup notifications.

  🗂️ Backend:

  • Technologies Used: PHP, MySQL, Laravel 11, Datatables.
  • Description:
    • MVC Architecture: Utilizes the Model-View-Controller (MVC) architecture in conjunction with Laravel to develop the project. This approach separates data (Model), user interface (View), and business logic (Controller), facilitating maintainable and scalable code.
    • Database Management: Employs MySQL for organizing and storing data, integrated with Laravel for efficient database management. Laravel provides tools for seamless database interactions, ensuring data integrity and efficient querying.
    • Core Features:
      • Order Management: Implements functionalities for order placement, including adding products to the cart, processing orders, and managing order history.
      • Product Management: Develops features for managing products, including product filtering, category management, and promotional offers.
      • Full-Text Search: Implements full-text search capabilities using MySQL and Laravel to enhance product search and retrieval.
    • Admin Panel: Constructs an admin panel for managing products, categories, and customer information. Utilizes Datatables for displaying and managing data relationships in tabular format, supporting CRUD (Create, Read, Update, Delete) operations efficiently.

⚒️ Tools and Technologies

🔌 Installation

[!IMPORTANT] This is a group development project. You can clone the repository and set it up on your local machine for personal use and testing. We will not provide information for using this project. Thank you for following the project we have developed.

• Here are the prerequisites for this project:
  • PHP >= 7.3
  • Composer.
  • MySQL.
  • jQuery.
  • Laravel 11

🔭 Development

[!IMPORTANT] This is a group development project. You can clone the repository and set it up on your local machine for personal use and testing. We will not provide information for using this project. Thank you for following the project we have developed.

• This is a group development project. You can clone the repository and set it up on your local machine for personal use and testing. We will not provide information for using this project. Thank you for following the project we have developed.

  📁 File Structure

  • Here is the project file structure along with a detailed explanation of each component.

  DOAN_BACHHOAXANH_CLONE/
  ├── app/
  │ ├── Helpers/
  │ ├── Http/
  │ ├── Models/
  │ └── Providers/
  ├── bootstrap/
  ├── config/
  ├── database/
  │ └── folderImages/
  ├── public/
  ├── resources/
  ├── routes/
  ├── storage/
  ├── tests/
  ├── vendor/
  ├── .editorconfig
  ├── .env
  ├── .env.example
  ├── .gitattributes
  ├── .gitignore
  ├── artisan
  ├── composer.json
  ├── composer.lock
  ├── package.json
  ├── phpunit.xml
  ├── README.md
  └── vite.config.js
  

  • app/: Contains the core application code.
    • Helpers/: Custom helper functions.
    • Http/: Controllers, middleware, and requests.
    • Models/: Eloquent models.
    • Providers/: Service providers.
  • bootstrap/: Initializes the framework.
  • config/: Configuration files.
  • database/: Database migrations, seeders, and folder for images.
    • folderImages/: Folder to store images.
  • public/: Publicly accessible files.
  • resources/: Views, assets, and language files.
  • routes/: Route definitions.
  • storage/: Compiled Blade templates, file-based sessions, file caches, and other files generated by the application.
  • tests/: Test cases.
  • vendor/: Composer dependencies.
  • .editorconfig: Configuration for coding styles.
  • .env: Environment variables.
  • .env.example: Example environment variables file.
  • .gitattributes: Git attributes.
  • .gitignore: Specifies files and directories that should be ignored by Git.
  • artisan: Laravel's command-line interface.
  • composer.json: Composer dependencies and scripts.
  • composer.lock: Locked versions of Composer dependencies.
  • package.json: Node.js dependencies and scripts.
  • phpunit.xml: PHPUnit configuration.
  • README.md: Project documentation.
  • vite.config.js: Vite configuration file.

  🌵 Branches

  • This project uses a single branch for team collaboration.
  • main is the development and production branch.

📷 Gallery

• Here are some demo images showcasing the results of the project:

🏆 Results and Achievements

• Average Score: Achieved an average score of 9/10 in the “Open Source Programming” course, reflecting a strong understanding and application of open-source technologies.

• Skills Development: Enhanced skills in modern web technologies, including Laravel, MySQL, and front-end frameworks, through practical application and problem-solving in real-world scenarios.

⚠️ Known Limitations

While this project provides a functional clone of the "Bach Hoa Xanh" website, there are a few limitations and areas for improvement:

• Not Responsive: The current design does not fully support responsive layouts. Users may experience issues when accessing the website on different devices or screen sizes.

• Lack of Online Payment Integration: The project does not include functionality for online payment. Users can place orders, but payment must be handled manually or through alternative methods.

• Interface Design: The visual design of the interface is basic and may not be aesthetically pleasing. There is room for improvement in the overall look and feel of the website to enhance user experience.