https://github.com/mohammadoftadeh/angular-ecommerce
Angular E-commerce - Free Angular 19, TypeScript, NgRx, Sass, Stripe payment integration E-commerce Website.
https://github.com/mohammadoftadeh/angular-ecommerce
angular angular19 css-animations e-commerce html javascript ngrx ngrx-store scss storefront stripe stripe-checkout stripe-payments typescript
Last synced: 17 days ago
JSON representation
Angular E-commerce - Free Angular 19, TypeScript, NgRx, Sass, Stripe payment integration E-commerce Website.
- Host: GitHub
- URL: https://github.com/mohammadoftadeh/angular-ecommerce
- Owner: mohammadoftadeh
- Created: 2025-05-19T12:19:31.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-19T19:29:56.000Z (5 months ago)
- Last Synced: 2025-06-13T05:07:01.637Z (4 months ago)
- Topics: angular, angular19, css-animations, e-commerce, html, javascript, ngrx, ngrx-store, scss, storefront, stripe, stripe-checkout, stripe-payments, typescript
- Language: TypeScript
- Homepage: https://angular-ecommerce-bw8n.vercel.app
- Size: 180 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛍️ Angular E-commerce
A modern, responsive, and fully optimized e-commerce front-end built with **Angular 19.2**, **NgRx**, **Sass**, and **Node.js** for Stripe payment integration. Designed using best practices and technical standards for clean code, state management, and developer experience.
## 🚀 Demo
🔗 Live Demo: [angular-ecommerce](https://angular-ecommerce-bw8n.vercel.app/)
---
## ✨ Features
- 💾 **Cart Persistence** using NgRx
- 💳 **Stripe Checkout Integration**
- 📱 **Responsive Design** for all screen sizes
- 💅 **CSS Animations** with Sass styling
- ⚙️ **NgRx Store** for robust state management
- 🧼 **Clean Code** and best practices with modular structure
---
## 🛠️ Tech Stack
- **Frontend:** Angular 19.2, NgRx, RxJS, TypeScript, Sass, Stripe
- **Backend:** Node.js, Express (for Stripe integration)
- **Styling:** SCSS, CSS animations, responsive design
- **State Management:** NgRx Store
- **Deployment:** Vercel
---
## 📦 Installation
### 1. Clone the repository
```bash
git clone https://github.com/mohammadoftadeh/angular-ecommerce.git
cd angular-ecommerce
```
### 2. Install Angular App dependencies
```bash
cd angular-ecommerce-app
npm install
```
### 3. Install Backend dependencies
```bash
cd ../my-app-server
npm install
```
## ▶️ Running the Project
### Start the Angular frontend
```bash
cd angular-ecommerce-app
npm start
```
### Start the Node.js Stripe server
```bash
cd ../my-app-server
npm start
```
## Contributing
Contributions are welcome! If you'd like to contribute, Please follow these steps to contribute to Shopco:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature-name`).
3. Make your changes.
4. Push to the branch (`git push origin feature/your-feature-name`).
5. Open a pull request.
## Issues
Feel free to submit issues for any bugs, feature requests, or general questions related to the project. You can also reach out via [email](mailto:mr.mohammadoftadeh@gmail.com) for support.
## License
This project is licensed under the MIT License - see the [LICENSE](https://opensource.org/licenses/MIT) file for details.
## Contact
Feel free to reach out to:
- **Name**: Mohammad Oftadeh
- **Email**: [mr.mohammadoftadeh@gmail.com](mailto:mr.mohammadoftadeh@gmail.com)
- **GitHub**: [https://github.com/mohammadoftadeh](https://github.com/mohammadoftadeh)