https://github.com/mahmudhmh/angular-store
This application is built using Angular 17 for the frontend, Node.js and Express for the backend, JSON Server to handle data operations, PrimeNG for Angular suite components and themes, and SCSS for styling.
https://github.com/mahmudhmh/angular-store
angular angular-modules angular-router-guard scss-styles typescript
Last synced: about 1 year ago
JSON representation
This application is built using Angular 17 for the frontend, Node.js and Express for the backend, JSON Server to handle data operations, PrimeNG for Angular suite components and themes, and SCSS for styling.
- Host: GitHub
- URL: https://github.com/mahmudhmh/angular-store
- Owner: mahmudhmh
- Created: 2024-04-17T01:11:22.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-23T03:11:08.000Z (almost 2 years ago)
- Last Synced: 2025-01-12T21:31:59.527Z (about 1 year ago)
- Topics: angular, angular-modules, angular-router-guard, scss-styles, typescript
- Language: TypeScript
- Homepage:
- Size: 416 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular-Store
This application is built using Angular 17 for the frontend, Node.js and Express for the backend, JSON Server to handle data operations, PrimeNG for Angular suite components and themes, and SCSS for styling.
## Overview
This project is aimed at developing a robust and efficient e-commerce platform where users can browse products and perform various other e-commerce related tasks.
### Technologies Used
- **Angular 17**: A powerful framework for building client-side applications.
- **Node.js**: A runtime environment for server-side JavaScript applications.
- **Express**: A fast and minimalist web framework for Node.js.
- **JSON Server**: A tool for quickly setting up a REST API with JSON data.
- **PrimeNG**: A collection of rich UI components for Angular applications.
- **SCSS**: A CSS preprocessor offering more features and flexibility.
## Features
- **Product Listings**: Displaying a catalog of available products.
- **Admin Dashboard**: Managing products, orders, and user accounts.
## Getting Started
To run this project locally, follow these steps:
### Prerequisites
1. Ensure you have Node.js and npm (Node Package Manager) installed on your machine.
2. Install Angular CLI globally: `npm install -g @angular/cli`.
### Installation
1. Clone this repository:
```
git clone https://github.com/mahmudhmh/angular-store.git
```
2. Navigate to the project directory: `cd angular-store`.
### Running the Backend (Node.js and JSON Server)
1. Navigate to the backend directory: `cd server`.
2. Install dependencies: `npm install`.
3. Start the server: `nodemon server.js`.
### Running the Frontend (Angular)
1. Navigate to the frontend directory: `cd client`.
2. Install dependencies: `npm install`.
3. Start the Angular development server: `ng serve`.
### Accessing the Application
- Once the backend and frontend servers are running, access the application in your web browser at `http://localhost:4200`.
## Contributors
- [Mahmoud Hussien](https://github.com/mahmudhmh)
## License
This project is licensed under the [MIT License](LICENSE).
---
Feel free to explore the codebase and contribute to making this e-commerce app even better! If you have any questions or suggestions, please reach out to us via [email](mailto:mahmoudh.buss@gmail.com) or [GitHub Issues](https://github.com/mahmudhmh/angular-store/issues). Thank you for your interest and support! 🚀