Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khaledashrafh/clothify
Clothify-System is an online shopping website that allows users to browse, search, and purchase products. The website features a user-friendly interface, and an administration page that enables the management of products. The website also follows the color scheme and UI/UX principles of the other apps in the project. The project was developed using
https://github.com/khaledashrafh/clothify
angular bootstrap clothes e-commerce graduation-project online-shop type-script
Last synced: about 1 month ago
JSON representation
Clothify-System is an online shopping website that allows users to browse, search, and purchase products. The website features a user-friendly interface, and an administration page that enables the management of products. The website also follows the color scheme and UI/UX principles of the other apps in the project. The project was developed using
- Host: GitHub
- URL: https://github.com/khaledashrafh/clothify
- Owner: KhaledAshrafH
- License: mit
- Created: 2022-09-08T06:39:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-07T15:10:02.000Z (2 months ago)
- Last Synced: 2024-11-07T16:20:43.741Z (2 months ago)
- Topics: angular, bootstrap, clothes, e-commerce, graduation-project, online-shop, type-script
- Language: TypeScript
- Homepage:
- Size: 34.5 MB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# Clothify-System
This is my graduation project as a front end engineer intern in Banque Misr (Digital Factory). This project was developed by one backend and three front end developers (web, android, and iOS). I was responsible for the web front end using Angular and Bootstrap.
## Project Description
Clothify-System is an online shopping website that allows users to browse, search, and purchase products. The website features a user-friendly interface, and an administration page that enables the management of products. The website also follows the color scheme and UI/UX principles of the other apps in the project. The project was developed using software engineering and SOLID principles. As a team, we followed the agile methodology and we got the best project in this internship in front end and one of the top three projects in the internship as a full project including backend and front end apps.
## Project Features
The website has the following features:
- Login screen: A user can login with email and password.
- Registration screen: New users can register using name, email and password.
- Home screen: The home screen has a bottom bar to switch between three screens:
- Products: List of available products. A user can filter, sort, and search for products by name, category, price, etc. A user can also view the details of a product and add it to the shopping cart.
- Shopping cart: List of selected products to be bought. A user can edit the quantity, remove items, or proceed to checkout.
- User profile: Display info of the user (name, email and password). A user can also edit their info or log out.
- Administration page: A page for managing products. Only authorized users can access this page. A user can add, edit, or delete products.
## Project Setup
To install and run the project locally, you need to follow these steps:
1. Clone or download the repository from GitHub.
2. Install Node.js and npm on your machine.
3. Navigate to the project folder and run `npm install` to install the dependencies.
4. Run `ng serve` to start the development server.
5. Open your browser and go to `http://localhost:4200` to view the website.
## Project Testing
To test the project and ensure its quality, I used Jasmine, Karma, and Protractor as testing tools and frameworks. You can run the following commands to execute the tests and view the results:
- `ng test` to run unit tests with Karma.
- `ng e2e` to run end-to-end tests with Protractor.
## Project Honors
This project was honored by Banque Misr (Digital Factory) as the best front end project and the full project was one of the top three projects in the internship. Here are some photos of the honoring ceremony:
## Project Certificate
I received a certificate of completion from Banque Misr (Digital Factory) for this project. Here is a photo of the certificate:
## Project Team
This project was developed by a frontend team of two members:
- [Khaled Ashraf](https://github.com/KhaledAshrafH)
- [Farah Amr](https://github.com/Farah2001)
## Project Feedback
I would appreciate any feedback or suggestions for improving this project. You can contact me at [email protected] or leave a comment on GitHub. Thank you for your interest in Clothify-System!
## License
This project is licensed under the MIT License. This means that you can use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the software, as long as you include the original license and a notice stating the changes that you made.