https://github.com/servetisikli/ecommerce-angular
This project is a modern, scalable, and user-friendly e-commerce frontend built with Angular. Users can browse products, view product details, and explore a modern responsive UI.
https://github.com/servetisikli/ecommerce-angular
angular javascript tailwindcss
Last synced: 4 months ago
JSON representation
This project is a modern, scalable, and user-friendly e-commerce frontend built with Angular. Users can browse products, view product details, and explore a modern responsive UI.
- Host: GitHub
- URL: https://github.com/servetisikli/ecommerce-angular
- Owner: servetisikli
- Created: 2025-05-24T21:52:38.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-10T22:06:13.000Z (about 1 year ago)
- Last Synced: 2025-06-22T20:39:35.691Z (about 1 year ago)
- Topics: angular, javascript, tailwindcss
- Language: HTML
- Homepage: https://ecommerce-angular-henna.vercel.app
- Size: 214 KB
- Stars: 0
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ecommerce Angular
## 📋 Project Overview
This project is a modern, scalable, and user-friendly e-commerce frontend built with Angular. Users can browse products, view product details, and explore a modern responsive UI.
**Demo Website:** [https://ecommerce-angular-5ync.vercel.app/](https://ecommerce-angular-5ync.vercel.app/)
## 🚀 Features
- Browse products by category
- Product detail pages
- Filtering and searching
- Responsive design
## 🛠️ Technologies Used
- **Angular**: Modern web application framework
- **RxJS**: Reactive programming
- **TailwindCSS**: Utility-first CSS framework
- **Zone.js**: Execution contexts for JavaScript
- **TypeScript**: Typed superset of JavaScript
## 📦 Dependencies
All dependencies are listed in the `package.json` file. Main dependencies:
```json
{
"dependencies": {
"@angular/common": "^19.2.0",
"@angular/compiler": "^19.2.0",
"@angular/core": "^19.2.0",
"@angular/forms": "^19.2.0",
"@angular/platform-browser": "^19.2.0",
"@angular/platform-browser-dynamic": "^19.2.0",
"@angular/router": "^19.2.0",
"@tailwindcss/postcss": "^4.1.7",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^19.2.9",
"@angular/cli": "^19.2.9",
"@angular/compiler-cli": "^19.2.0",
"@types/jasmine": "~5.1.0",
"autoprefixer": "^10.4.21",
"jasmine-core": "~5.6.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"postcss": "^8.5.3",
"tailwindcss": "^4.1.7",
"typescript": "~5.7.2"
}
}
```
## 🔧 Setup and Installation
1. Clone the repository:
```bash
git clone https://github.com/servetisikli/ecommerce-angular.git
cd ecommerce-angular
```
2. Install dependencies:
```bash
npm install
```
3. Configure environment variables:
Edit `src/environments/environment.ts` and `environment.prod.ts` as needed.
```ts
export const environment = {
production: false,
apiUrl: 'https://your-api-url.com'
};
```
4. Start the development server:
```bash
npm start
```
Visit [http://localhost:4200](http://localhost:4200) in your browser.
5. For production build:
```bash
npm run build
```
## 📱 Application Routes
- `/` - Homepage
- `/product/:id` - Product details
## 👨💻 Author
- **Servet Isikli** - [GitHub Profile](https://github.com/servetisikli)
## 📅 Last Updated
- Date: 2025-06-10
- By: servetisikli
## 🔗 Links
- [Demo Website](https://ecommerce-angular-5ync.vercel.app/)
- [Repository](https://github.com/servetisikli/ecommerce-angular)