• Stars
    star
    2
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

πŸ“‹ Angular app to learn about Drag and Drop module, following Youtube tutorial by 'Demos with Angular'

More Repositories

1

pern-stack-auth

πŸ“‹ Repair. PERN stack todo app with jwt user authentication
JavaScript
41
star
2

angular-website-example

πŸ“‹ Namari website converted from HTML template to Angular
CSS
35
star
3

ionic-angular-news-app

πŸ“‹ Ionic-Angular app to fetch news articles from a REST API using Typescript interfaces to define the expected structure of the json objects returned & http service providers. Custom pipes used to modify API news article titles, contents and convert the Universal Time Constant (UTC) date string. Dark mode, Offline Storage of favourite articles & settings using Ionic Storage. Common Refresh & Progress Bar Components. Localisation using i18n so user can select between English (default), Spanish and French.
TypeScript
24
star
4

ionic-angular-cart

πŸ“‹ Ionic 5 app to collect items in a shopping basket, tutorial code from Simon Grimm at the Ionic Academy
TypeScript
17
star
5

ionic-angular-world-data

πŸ“‹ Ionic-Angular app that displays information about world countries and oceans using JSON data fetched from a REST API. Includes a user search of countries/capitals. Page popovers used to provide links to external websites or activate functions such as delete item from favourites. Integrated Google Maps API to show interactive country map. Ion-grid with fixed column size used so content is responsive.
TypeScript
13
star
6

ionic-angular-project

πŸ“‹ App from Udemy Ionic course that is similar to Airbnb. Firebase 'ionic-maps-api' project deleted. Would need a new Firebase project creating
TypeScript
13
star
7

ionic-angular-infoapp

πŸ“‹ App to search for info from an API and display it using the Ionic framework. Currently using a movie database API to develop the app.
TypeScript
10
star
8

angular-material-portfolio

πŸ“‹ Angular Material & RxJS Observables are used to display my data. A Google Cloud Firestore NoSQL database stores the blog posts & Contact Form data. Anyone can read the blog posts. Angularfire-lite was used as a Firebase API wrapper as it is simple and lightweight, reducing Vendor bundle size & improving the Chrome Lighthouse score.
TypeScript
10
star
9

angular-firebase-auth-service

πŸ“‹ Firebase user authentication service, tutorial from Stephen Fluin, Demos with Angular
TypeScript
9
star
10

pern-stack-todo

πŸ“‹ PERN full stack todo app using PostgreSQL as a backend database with Express middleware React as the frontend and Node.js as the backend server. deployed to Heroku. Tutorial code by The Stoic Programmers (see 'Inspiration' below)
JavaScript
9
star
11

ionic-angular-calendar

πŸ“‹ Ionic app to drag & drop items, tutorial code from Jameson Saunders of JamiBot.
TypeScript
8
star
12

python-django-crypto

πŸ“‹ Python-Django app to fetch and display crypto currency prices from the Coingecko cryptocurrency API
Python
7
star
13

angular-material-nav

πŸ“‹ Angular app using Angular Material & Angular Material Schematics to create a responsive side navigation menu.
TypeScript
7
star
14

ionic-angular-stock-data

πŸ“‹ Ionic app to chart historic stock prices from a financial data API
TypeScript
7
star
15

angular-data-charts

πŸ“‹ The Coronavirus API this app is based on no longer exists. Covid-19 data was displayed using angular-google-charts module. Covid data/news from api.coronatracker.com was shown in mat-cards.
TypeScript
7
star
16

google-cloud-resources

πŸ“‹ Collection of links, repos, pdfs and all other material for Google Associate Cloud Engineer
6
star
17

python-django-barcode

πŸ“‹ Python-Django app to create & display barcodes
Python
6
star
18

angular-tutorial-assignments

πŸ“‹ Course notes and assignment solutions for Udemy Angular 8 course
TypeScript
6
star
19

node-sequelize-postgresql

πŸ“‹ Node.js + Express used with Sequelize Object-Relational Mapping (ORM) to perform promise-based Create, Read, Update & Delete (CRUD) operations on linked data tables in a PostgreSQL database
JavaScript
6
star
20

ionic-react-firebase

πŸ“‹ Ionic app with react and firebase as a backend
TypeScript
5
star
21

react-native-cryptos

πŸ“‹ Displays crypto-currency API data from CoinGecko. Tutorial code from Fazt Code.
JavaScript
5
star
22

postgresql-rest-api

πŸ“‹ PostgreSQL database used with nodejs and express to create a REST API
TypeScript
5
star
23

ionic-angular-datatable

πŸ“‹ Ionic app to show json data table, using Swimlane npm module 'ngx-datatable'.
TypeScript
5
star
24

ionic-angular-imagecrop

πŸ“‹ Ionic app to crop images. Another excellent tutorial from Simon Grimm at the Ionic Academy
TypeScript
5
star
25

angular-tailwind-unsplash

πŸ“‹ Angular app to get random images from the Unsplash API
TypeScript
5
star
26

react-app-cryptocurrency

πŸ“‹ Shows prices of cryptocurrencies via an API. Uses the React library
JavaScript
4
star
27

ionic-angular-contacts

πŸ“‹ Ionic app to transfer contacts using Cordova plugins. Tutorial from the Ionic Academy
TypeScript
4
star
28

vue-app-crypto

πŸ“‹ Vue app to display cryptocurrency api data
Vue
4
star
29

ionic-angular-auth

πŸ“‹ Ionic Authorization app using jwt tokens. Tutorial code from Simon Grimm of the Ionic Academy
TypeScript
4
star
30

fastapi-python-sql

πŸ“‹ FastAPI web framework used to create a REST CRUD API with Python and a MySQL database.
Python
4
star
31

ionic-angular-todo-app

πŸ“‹ App created using the Ionic framework, using a firebase cloud database to store to-do data. All CRUD operations can be carried out using the Ionic UI.
TypeScript
4
star
32

angular-material-table

πŸ“‹ Angular app to display a table using the Material library
TypeScript
4
star
33

react-file-upload

πŸ“‹ Express backend server app to handle file uploads
JavaScript
4
star
34

mevn-stack-notes

πŸ“‹ Full-stack app using MongoDB, Express, Vue and Node.js for CRUD operations
Vue
4
star
35

pern-stack-database

πŸ“‹ Full stack app using PostgreSQL, Express, React & Node.js. Tutorial app
JavaScript
3
star
36

ionic-angular-material

πŸ“‹ Ionic app to use the angular material library. Another great tutorial from Simon Grimm at the Ionic Academy
TypeScript
3
star
37

ionic-angular-notes

πŸ“‹ App to show a list of items, each with a clickable link to a detailed page. To be developed into an Android app.
TypeScript
3
star
38

ionic-angular-weatherapi

πŸ“‹ App to display weather data from a weather API using the Ionic 5 framework.
TypeScript
3
star
39

mern-stack-records

πŸ“‹ Mongo Express React Node (MERN) full-stack app to perform CRUD operations on records
JavaScript
3
star
40

vuex-state-management

πŸ“‹ App to learn about state management using Vuex. Tutorial from Gary Simon of Coursetro
Vue
3
star
41

angular-pwa-ssr

πŸ“‹ Angular app with Server Side Rendering working as a Progressive Web App. Deployed to Netlify.
TypeScript
3
star
42

angular-tailwind-authpanel

πŸ“‹ Angular app using Webpack & Tailwindcss components to display a login dashboard
JavaScript
3
star
43

angular-material-notepad

πŸ“‹ Angular used with Material & Tailwind components to display and add notes in a table
TypeScript
3
star
44

ionic-select-searchbar

πŸ“‹ Ionic app to use the Ionic Selectable Module
TypeScript
3
star
45

angular-graphql-data

πŸ“‹ Angular app to display data from Rick and Morty API using GraphQL with Apollo.
TypeScript
3
star
46

angular-news-app

πŸ“‹ Angular app that displays news articles from a news API.
TypeScript
3
star
47

angular-data-dashboard

πŸ“‹ Angular dashboard to display data using Google charts
TypeScript
3
star
48

angular-movie-database

πŸ“‹ Angular app to create movie database using rxjs and observables
TypeScript
3
star
49

angular-crud-operations

πŸ“‹ Angular app to store fast-food orders in a Firebase database. They are then retrieved and shown in a table on-screen
TypeScript
3
star
50

angular-webcam-video-capture

πŸ“‹ Displays webcam video stream and captures images from local PC using a web browser. Photos can be captured using a button that will save the images in an array. Works in Chrome only.
TypeScript
2
star
51

ionic-angular-sqlite

πŸ“‹ App to store data using the Ionic framework, cordova SQLite database, cordova SQLite Porter and Capacitor.
TypeScript
2
star
52

angular-api-project

πŸ“‹ App using a DataService with httpClient to get json data from an external API.
TypeScript
2
star
53

javascript-scroll-navbar

πŸ“‹ Uses css to add a class to change the nav bar when the user scrolls up. Wes Bos Javascript30 tutorial 24
HTML
2
star
54

ionic-angular-authUser

πŸ“‹ Ionic-Angular used to authenticate users so they can access a simple chat app.
TypeScript
2
star
55

ionic-angular-accordian

πŸ“‹ App to show accordian UI and some artistic modifications
TypeScript
2
star
56

node-mongodb-zod

πŸ“‹ Node.js app
TypeScript
2
star
57

mevn-stack-data

πŸ“‹ MEVN Info & Full stack MEVN app with CRUD functions
TypeScript
2
star
58

angular-bootstrap-api

πŸ“‹ Simple responsive app to fetch API data and display it using RxJS observables and infinite-scrolling
TypeScript
2
star
59

ionic-angular-photostore

πŸ“‹ App to take, store and display photos using the Angular 8 and Ionic 5 frameworks.
TypeScript
2
star
60

ionic-angular-swipeTabs

πŸ“‹ Ionic tutorial app from Simon Grimm of the Ionic Academy
TypeScript
2
star
61

ionic-angular-github

πŸ“‹ App to search for a Github profile using the Github API then display key info using ion-cards
TypeScript
2
star
62

ionic-angular-qrreader

πŸ“‹ Ionic app to read bar codes. Another excellent tutorial from Simon Grimm at the Ionic Academy
TypeScript
2
star
63

ionic-angular-csvdata

πŸ“‹ App built with Ionic using code from another great tutorial by Simon Grimm of the Ionic Academy
TypeScript
2
star
64

next-graphql-prisma

πŸ“‹ A Next.js React app using Apollo GraphQL to get data from a Prism database.
TypeScript
2
star
65

angular-firebase-access

πŸ“‹ Angular with Firebase backend for CRUD operations on blog posts
TypeScript
2
star
66

angular-highcharts-dashboard

πŸ“‹ App using Angular Highcharts to display data using different chart types
TypeScript
2
star
67

angular-full-stack

πŸ“‹ Adds a backend to an Angular app within the same folder using node.js, express and typescript. Tutorial from 'Demos with Angular'
TypeScript
2
star
68

angular-rxjs-api

πŸ“‹ Angular app to fetch Wikipedia API data and display it on cards using asynchronous reactive programming observables
TypeScript
2
star
69

ionic-angular-news

πŸ“‹ App to show news from an API using Angular and Ionic
TypeScript
2
star
70

angular-user-posts

πŸ“‹ Angular app to get user details and posts from an external API.
TypeScript
2
star
71

angular-graphql-api

πŸ“‹ Frontend: Angular used with GraphQL and Apollo Client to view the backend Engineering Parts data set Backend: Node.js + GraphQL used with Apollo Server and GraphQL schema to execute queries on a data set
JavaScript
2
star
72

pean-stack-api-display

πŸ“‹ Full-stack app to display data from a PostgreSQL database & REST APIs using an Angular frontend with Google Charts, Bootstrap CSS & RxJS reactive programming. Node with Express middleware backend used to pass data from database to frontend.
TypeScript
2
star
73

angular-tailwind-ratp

πŸ“‹ Angular app to show JSON data from the RATP (French transport system) API
TypeScript
2
star
74

ionic-angular-firebase

πŸ“‹ Ionic app to perform Create Read Update & Delete (CRUD) operations on a Google Cloud Firestore database.
TypeScript
2
star
75

rxjs-learn

πŸ“‹ Practise using Reactive X with javascript (RxJS) without using a framework such as angular. Webpack is used to bundle this javascript application, requiring a webpack.config.js file with boilerplate code.
TypeScript
2
star
76

angular-app-crypto

πŸ“‹ Angular app to get crypto currency price data from a CryptoCompare API.
TypeScript
1
star
77

nodejs-tutorial-shoppingcart

πŸ“‹ Udemy Node.js tutorial shopping cart
JavaScript
1
star
78

mean-stack-app

πŸ“‹ App using an Angular frontend to Create, Read, Update & Delete (CRUD) data from a Node.js backend server database.
TypeScript
1
star
79

angular-tomtom-api

πŸ“‹ Angular app to display map data from the Tomtom API
TypeScript
1
star
80

nx-angular-router

πŸ“‹ Nx monorepo of Angular Tour of Heroes Router tutorial
TypeScript
1
star
81

mean-task-manager

πŸ“‹ MEAN - MongoDB, Express, Angular & Node.js full-stack tutorial app to manage tasks.
TypeScript
1
star
82

ionic-angular-notepad

πŸ“‹ Ionic 4 app to Create, Read, Update and Delete notes. Notes can be stored and retrieved. Don't update
TypeScript
1
star
83

angular-tutorial-recipe-shopping

πŸ“‹ Angular course from Udemy - project to create an app with a recipe book and shopping list
TypeScript
1
star
84

angular-chatgpt-app

Angular app to Create-Read-Update-Delete (CRUD) items from a MockAPI endpoint, created mostly using ChatGPT_4
TypeScript
1
star
85

angular-animated-list

πŸ“‹ App using interpolation, property-binding, event-binding and Formbuilding to add text items to a list.
TypeScript
1
star
86

angular-httpclient-module

πŸ“‹ Angular App to get user data from an external JSONPlaceholder API.
TypeScript
1
star
87

javascript-cellular-automata

πŸ“‹ Javascript used to produce an automata; a regular grid of cells, each one in a finite number of states. Code from Youtube Cellular Automata Pair Programming FunFunFunction #49 (see Inspiration below).
HTML
1
star
88

ionic-angular-tutorial

πŸ“‹ App to show a map view of a location using Leaflet & the Ionic framework.
TypeScript
1
star
89

angular-api-booklist

πŸ“‹ App to retrieve and display book details from the Google books API
TypeScript
1
star
90

ionic-angular-links

πŸ“‹ App to use Cordova DeepLink to add a Wordpress site address in an app
TypeScript
1
star
91

stencil-component-table

πŸ“‹ Stencil component to display API data in a table
TypeScript
1
star
92

example-mongodb-connection

πŸ“‹ Connect to a dabase in mlab and add data then close db
JavaScript
1
star
93

angular-pwa-eslint

πŸ“‹ Progressive Web App to show crypto stock prices using the polygon.io financial market data API and ng chart modules
TypeScript
1
star
94

nodejsPractise

πŸ“‹ basic node.js programs
JavaScript
1
star
95

svelte-rollup-crypto

πŸ“‹ Svelte framework used with rollup to display latest Crypto coin prices
JavaScript
1
star
96

javascript-local-storage

πŸ“‹ Exercise to understand how local storage works in storing item settings, From Wes Bos Javascript30 Youtube series, tutorial 15.
HTML
1
star
97

next-tailwind-card

πŸ“‹ A PWA Next/Tailwind template app with simple Create, Read, Update & Delete card components, deployed to Netlify.
JavaScript
1
star
98

angular-pwa-game

πŸ“‹ Angular Progressive Web App, Tutorial code from Fireship.io
TypeScript
1
star
99

freeCodeCamp-Front-End-Certification

πŸ“‹ Contains my code created to meet challenges for the JavaScript Front End Certification at Free Code Camp.
JavaScript
1
star
100

angular-api-countries

πŸ“‹ Angular app that displays details about countries using API data.
TypeScript
1
star