Project for the βOpen Source Programmingβ course ** Technologies: PHP, Laravel 11 ** Instructor/ Mentor: Teacher Mrs Nguyen Hai Yen.
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:
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β.
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.
Tools and Technologies | Description | Link Webstie |
---|---|---|
JavaScript | JavaScript is a programming language that adds interactivity to your website. | |
HTML5 | HTML5 is the latest version of Hypertext Markup Language, the code that describes web pages. | |
CSS3 | CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. | |
Bootstrap 5 | Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. | |
Laravel 11 | Laravel is a free, open-source PHP web framework, created by Taylor Otwell and intended for the development of web applications following the modelβviewβcontroller architectural pattern. | |
MySQL | MySQL is an open-source relational database management system. | |
Slick | Slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more. | |
Fancybox | Fancybox is a tool that offers a nice and elegant way to add zooming functionality for images, html content, and multi-media on your webpages. | |
Datatables | DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table. | |
Sweetalert2 | A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. |
[!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.
[!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.
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
main
is the development and production branch.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.
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.