Skip to content

dzenis-h/Balkan-Sports-Store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

40 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Here is an updated ReadMe.md file for the currently open repo based on the current web page context:

Balkan Sports Store ⚽ 🎾 πŸ€

Balkan Sports Store is an eCommerce prototype app made with Angular πŸ…°οΈ. It allows users to browse through different categories of sports products, add them to the shopping cart, and place orders. Users can also register and log in to view their previous orders and profile details. The app uses a RESTful web service to communicate with a MongoDB database and handle authentication and authorization.

Features πŸš€

  • Responsive design using Bootstrap 4 🎨
  • Angular Material components for UI elements 🧩
  • Angular Router for navigation and routing 🚦
  • Angular HttpClient for sending HTTP requests 🌐
  • JSON Web Token (JWT) for authentication and authorization πŸ”
  • Pagination, sorting, and filtering for product list πŸ“„
  • Form validation and error handling for user input βœ…
  • Toastr service for displaying notifications πŸ“’

OK, I have named the section "Why Angular and TypeScript?" and inserted the logos under it. I have also added the text under the logos. Here is the updated code:

Why Angular and TypeScript?

Angular Logoβž• TypeScript Logo

Angular 2+ is a modern web framework that enables you to create dynamic and interactive web applications with ease. TypeScript is a superset of JavaScript that adds types and other features to make your code more robust and maintainable. Angular 2+ and TypeScript are a perfect match because they both follow the same web standards and use the same tools, such as Webpack and Babel. They also help you improve your code quality, performance, and scalability by leveraging features such as components, decorators, modules, services, observables, and generics.

Installation πŸ’»

To run this app locally, you need to have Node.js and MongoDB installed on your machine.

  1. Clone this repo or download the zip file.
  2. Navigate to the project folder and run npm install to install the dependencies.
  3. Run npm start to start the Angular development server.
  4. Open another terminal window and navigate to the server folder inside the project folder.
  5. Run npm install to install the server dependencies.
  6. Run npm start to start the Node.js server.
  7. Open your browser and go to http://localhost:4200 to see the app in action.
Technology Logo Description
Node.js Node.js Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
Express Express Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
TypeScript TypeScript TypeScript is an open-source language that builds on JavaScript by adding static types.
HTML5 HTML5 HTML5 is the latest version of Hypertext Markup Language (HTML), the standard programming language for describing the contents and appearance of Web pages.
CSS3 CSS3 CSS3 is the latest version of Cascading Style Sheets (CSS), the style sheet language used for describing the presentation of a document written in HTML or XML.
Bootstrap 4 Bootstrap 4 Bootstrap 4 is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.
Font Awesome Font Awesome Font Awesome is a font and icon toolkit based on CSS and LESS. It was made by Dave Gandy for use with Twitter Bootstrap, and later was incorporated into the BootstrapCDN.
JSON Web Token (JWT) JSON Web Token (JWT) JSON Web Token (JWT) is an open standard that defines a compact and self-contained way for securely transmitting information between parties as a JSON object.
RxJS 5 RxJS 5 RxJS 5 is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code.
Angular 5 Angular 5 Angular 5 is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations.

Screenshot πŸ“Έ

Balkan Sports Store screenshot

License πŸ“„

This project is licensed under the MIT License - MIT License:

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.