9 projects tagged with "typescript"
- Next.js 13 and MongoDB Membership System
04-June-2025Full Stack Next.js Web application with TypeScript and JWT Authentication using MongoDB and Mongoose ODM serving as a Membership System
Tech used for the Web Application
- The Next.js Web App is hosted at Vercel Cloud using Serverless Functions
- Node 22 at Vercel Cloud
- Next Version 13
- React 18
- TypeScript
- Joi for validation
- Zustand for state management
- MongoDB was the choice of NoSQL Document Database
- Mongoose ODM ( Object Data Modeling ) used for NoSQL Document Database
- The MongoDB is hosted at Mongo Atlas Cloud Platform
Try the demo...
The code at GitHubNext.js was used for creating this Full Stack Web application "Static Site Generator" SSG serving as a Membership System with login and registration towards a MongoDB. The Web App is secured by HTTPS and JWT Authentication.
- Webpack 5 boilerplate with Vue and TypeScript
07-May-2025A Webpack 5 boilerplate with Vue and TypeScript
Try the demo...
The code at GitHubA Webpack 5 boilerplate with Vue and ready for TypeScript. The demo App serve Vue routing, a Webpack logo, my photo with some info. The Vue App serve a demo CRUD functions for Employess towards a Web API at jsonplaceholder. The Webpack is ready for PostCSS, ES6 and above. Bootstrap CSS was used to make the demo mobile friendly.
- Webpack 5 boilerplate with React and TypeScript
07-May-2025A Webpack 5 boilerplate with React and TypeScript
Try the demo...
The code at GitHubA Webpack 5 boilerplate with React and TypeScript. Babel 7 compiles the TypeScript files to ES5. The Webpack module "fork-ts-checker-webpack-plugin" handles the type checking. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.
- Nuxt 3 Hello World Web App at GitHub Pages
10-January-2025Nuxt 3 Hello World Web App ready for TypeScript and hosted at GitHub Pages using GitHub Actions as DevOps
Node Version: 18
Try the demo...
The code at GitHubA Hello World by Nuxt v3.0.0 using GitHub Actions and Pages for DevOps. This Nuxt Web App is a minimal default starter
- Node Express REST API Membership system + Email notification - JWT
10-January-2025Node Express REST API Role based Membership system with Email Verification and Forgot Password using Sequelize ORM towards a MySQL DB - Authentication by JWT
Volta was used for Node Version Management switching between Node versions
Functionality of the Web App
- JWT authentication
- Email sign up and verification
- Forgot password and reset password functionality
- Role based authorization with two roles "User" and "Admin"
- CRUD Account management routes with role based access control
Tech used for building the Web App
- Node.js
- Sequelize used to implement the ORM at the Web API
- The Node.js Web API is hosted at Azure App Service with the Free App Service Plan
- One React client at GH Pages which uses DevOps. The React HashRouter solves most 404 / Browser refresh issues at GH Pages
- One React Client is hosted at a traditional Webhotel
- The React TypeScript Client is hosted at a traditional Webhotel
- MySQL as the Database for both Dev + Prod
- CORS Policy implemented by Node.js and at Azure
- JWT Token for access secure routes
- Nuxt 3 Ionic Web App at GitHub Pages
03-December-2024Nuxt 3 Ionic TypeScript Web / Mobile Hybrid App using Capacitor IOS and Android. This starter template is hosted at GitHub Pages using GitHub Actions as DevOps
Node Version: 18.20.5
Try the demo...
The code at GitHubThis starter template is ready for developing Web / Mobile Hybrid Apps using Nuxt v3.0.0, Ionic, Capacitor, Ios and Android
- Next.js 12 - DevOps by GitHub Actions and Pages
01-December-2024Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages
Version used for this Web App
- Node 20.18.1
- Next 12.1.6
- React 18.1.0
The code at GitHubA Create Next App with TypeScript using GitHub Actions and Pages as DevOps. This Next.js Web App is one of the default starters with a lot of useful links for learning Next.js.
- Node Express TypeScript Eslint Jest Boilerplate
16-February-2024A boilerplate ready for serving Node Express TypeScript ESlint Prettier Jest Supertest and Husky
The code at GitHub - Webpack 5 boilerplate with Angular
14-February-2024A Webpack 5 boilerplate with Angular
Try the demo...
The code at GitHubA Webpack 5 boilerplate with Angular 8. The demo App serve the Angular logo, a Webpack logo and shows routing and compiled Sass styles. Bootstrap CSS was used to make the demo mobile friendly.