Skip to content

ferhat-aslan/Angular-E-Commerce-App

Repository files navigation

Angular E-Commerce App(Patika)

Languages and Tools:

angular bootstrap css3 heroku html5 javascript nodejs typescript

Contents:

Video

chrome_HvuYmrvzCg.mp4

About Project

This Project is Patika-Orion Innovation Turkey Angular Bootcamp assignment. The server is active on heroku. Also, you can test the project live in Vercel.(Admin Account:admin@admin.com 12345----Customer Account:test@test.com 12345)

  • Transloco package was used for internationalization.
  • The app provides dual language support. (English and Turkish)
  • Angular material and bootstrap 5 were used for the design.
  • Product cards are designed as reusable components. (List-view-Component/Grid-view-Compoonent)
  • Semantic HTML elements were used to make the application SEO friendly.(main-section-figure-article-etc...)
  • Lazy loading was used to increase application opening performance. (Admin-Panel)
  • The app includes 4 guards(is-admin:to check if User is admin then will allow to go admin-panel,login:to check if User is logged, then will allow to go profile page and show products,logged:to check if User is logged,then wont allow to go again register and login page. lastly unsaved:to check if User has unsaved changes, If has ,then will warn user.)
  • This app provides responsive design through Bootstrap 5.

Used Packages And Modules

  • Transloco
  • AppRoutingModule
  • HttpClientModule
  • FormsModule
  • ReactiveFormsModule
  • Sweetalert2
  • Font Awesome
  • Bootstrap 5
  • Google Fonts
  • Angular Material
  • Chart.js

Getting Started

🚀 Run npm i or npm install to install all packages then You should use ng serve --o.

Server

🔌 Server is online on Heroku. You dont need to do anything.

Prerequisites

  • NodeJS
  • npm
  • Angular 13
  • Vs Code

Installation

  1. Clone the repo
git clone https://github.com/ferhat-aslan/Patika-Final-Project.git
  1. Install NPM packages
npm install
  1. Run Angular Project
ng serve --o

license

Distributed under the MIT License. See LICENSE for more information.

Contact

Ferhat ASLAN - Linkedin - aslanferhat16@gmail.com

Project Link: https://github.com/ferhat-aslan/Patika-Final-Project/

About

Patika Graduation Homework

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published