12 projects tagged with "react"
- Next.js - DevOps by GitHub Actions and Pages
17-August-2024Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages
Try the demo...
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.
- Next.js Web App with JWT Auth
17-August-2024A Next.js Jamstack Web App with JWT Authentication hosted at Vercel
Try the demo...
The code at GitHubThe Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and JWT Authentication.
This Next.js Jamstack Web Application is hosted at Vercel Cloud and uses continuous build and deployment
- Next.js Web App with Basic Auth
17-August-2024A Next.js Jamstack Web App with Basic Authentication hosted a Netlify
Try the demo...
The code at GitHubThe Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and Basic Authentication.
This Next.js Jamstack Web Application is hosted at Netlify Cloud and uses continuous build and deployment
- Node Express Membership system + Email notification - JWT and Refresh Token
17-August-2024Node Express Role based Membership system with Email Verification and Forgot Password using Sequelize ORM towards a MySQL DB - Authentication by JWT + Refresh Tokens
Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time will be up to 30 seconds!
Volta was used for Node Version Management switching between Node versions
Functionality of the Web App
- JWT authentication with Refresh Tokens
- Refresh token rotation
- Revoked token reuse detection
- 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
- The React 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
- Refresh Token by HTTP only Cookie to generate new JWT Tokens
- Node Express Membership system + Email notification - JWT
13-February-2024Node Express Role based Membership system with Email Verification and Forgot Password using Sequelize ORM towards a MySQL DB - Authentication by JWT
- Try React Client - GH Pages ...
- Try React Client - Web hotel...
- Try React TypeScript Client - Web hotel ...
Volta was used for Node Version Management switching between Node versions
- The Web API at GitHub
- React Client at GitHub - GH Pages
- React Client at GitHub - Web hotel
- React TypeScript Client at GitHub - Web hotel
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
- Webpack 5 boilerplate with React
10-October-2023A Webpack 5 boilerplate with React
Try the demo...
The code at GitHubA Webpack 5 boilerplate with React. 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.
- .NET Core 2.2 Role based Membership system
07-October-2023ASP.NET Core 2.2 Web API with C# towards Angular and React serving as Role based Membership system
Traditional webhosting is used for this Application
A Web API role based Membership System for authentication and registration managing Users by an Angular or React client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and Authentication by a JWT
Administrate Posts by an Angular client and the Web API after a successfully login
- Java Spring Boot JAX-RS Jersey RESTful Web API
04-October-2023Java Spring Boot JAX-RS Jersey RESTful Web API Application
Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time will be up to 2 minutes. A 403 Status code may happen too!
Try the demo...
The source code at GitHubMigration from Java 8 to Java 11 ! Showing and administrate a dataset of persons by a Java Jersey REST and MVC Web Application using Jersey RESTful Web API, MVC, JSP, JAX-RS, JPA, Hibernate, Maven and MySQL. React, Fetch API (Not working in IE), AngularJS and jQuery for the frontend client
- Java Spring Boot Restful Web APi Spring Security
03-October-2023Java Spring Boot RESTful Web API and Spring Security
Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time will be up to 2 minutes. A 403 Status code may happen too!
Try the demo...
The source code at GitHubMigration from Java 8 to Java 11 ! Showing and administrate a dataset of persons by a Java REST API and MVC Web Application (Secured by login) using RESTful Web API, MVC, Security, JSP, JPA, Hibernate, Maven, MySQL and jQuery for the frontend.
- Webpack 5 boilerplate with React and TypeScript
14-July-2023A 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.
- Node Express Membership system + Email notification - JWT
30-May-2023Node Express Role based Membership system with Email Verification and Forgot Password using pure SQL towards a MySQL DB - Authentication by JWT
Try the demo...The Node.js Web API was made without any ORM framework like Sequelize
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
- Pure SQL instead of using ORM like Sequelize
- The Node.js Web API is hosted at Azure App Service with the Free App Service Plan
- The React 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
- .NET Core 2.0 MVC and Web API with Crud functionality
15-January-2023ASP.NET Core 2.0 Web API with C# showing a dataset of Persons by MVC / Web API
Traditional webhosting is used for the Application
Try the demo...Showing / Administrate a dataset of persons as a RESTful webservice using ASP.NET Core 2.0 Web API, C#, MS SQL Database, AngularJS, ReactJS, jQuery, Ajax and JSON dataset. Secured by HTTPS
The source code at GitHub