Discover wpcodevo/portfolio3 Open Source project

JWT Authentication and Authorization with React, RTK Query, Material UI, React Hook Form and Zod.

247

JWT_Authentication_React

An eCommerce website template built with HTML, CSS, and JAVASCRIPT.

215

phone_website

In this article, you'll learn how to build a CRUD gRPC API server with Golang, MongoDB-Go-driver, and Docker-compose. You'll also build a gRPC client to interact with the gRPC API.

199

golang-mongodb-api

165

nextjs13-react-query

Are you interested in using React Query in your Next.js 13 app directory? If so, you've come to the right place! In this article, I'll guide you through the process of setting up React Query and making the QueryClient accessible to all components in the component tree.

Are you interested in building a secure authentication system for your Rust web application? Look no further than the Axum framework and JSON Web Tokens (JWTs)! Axum is a fast and scalable Rust web framework that provides a reliable and efficient platform for developing microservices and APIs.

127

rust-axum-jwt-auth

This article will teach you how to create a CRUD RESTful API in a Golang environment that runs on a Gin Gonic server and uses a PostgreSQL database. We’ll also discuss how you can build models, connect to the running SQL database server, and run database migrations with the GORM library.

112

golang-gorm-postgres

109

trpc-nextjs-prisma

In this article, we’ll build a type-safe tRPC CRUD API with Next.js, PostgreSQL, and Prisma. This tRPC example in Next.js will showcase how to use tRPC on the backend and later we will consume the API on the frontend app.

This article will teach you how to create a CRUD RESTful API with Python, FastAPI, PyMongo, MongoDB, and Docker-compose to perform the basic Create/Read/Update/Delete operations against a database.

fastapi_mongodb

In this article, you'll learn how to build CRUD RESTful API with Node.js, ExpressJs, TypeORM, and PostgreSQL. We will define the database schema with TypeORM and run the migration command to push the TypeORM schema to the database. Next, we will create higher-level CRUD function to perform the CRUD operations.

node_typeorm

This article will teach you how to secure a Node.js API by implementing two-factor authentication (2FA) system using tokens generated by Google Authenticator or Authy. The one-time passcode (OTP) can be delivered via different methods like SMS but we will use Google Authenticator or Authy to reduce the complexity of the project.

2fa-nodejs

This article will teach you how to create a CRUD RESTful API with Python, FastAPI, SQLAlchemy ORM, Pydantic, Alembic, PostgreSQL, and Docker-compose to perform the basic Create/Read/Update/Delete operations against a database.

python_fastapi

In this comprehensive article, you'll learn how to set up a Node.js API Project with ExpressJs, Prisma, PostgreSQL, Redis, and Docker-compose. The API will run on an Express server and use Postgres for data storage.

node_prisma_postgresql

In this tutorial, you'll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It's worth noting that at the time of writing, Next.js 13 is still in beta.

nextjs13-redux-toolkit

In this article, you will learn how to seamlessly integrate a FastAPI project into your Next.js application and deploy the entire project on Vercel. But that's not all! We won't stop at integration; we will take it a step further by building a simple Todo application.

nextjs-fastapi-framework

ecommerce-website-4

Build ecommerce website with html css and Javascript step by step

LC09-ecommerce-website

react-query-axios

jwt_authentication_authorization_node

Are you interested in building a Rust API with CRUD functionalities using the Axum framework and PostgreSQL database? If so, you're in the right place! In this article, I will guide you through building a functional note-taking application API using Rust, Axum, SQLX, and PostgreSQL.

rust-axum-postgres-api

This article will teach you how to secure a React.js app by implementing two-factor authentication (2FA) feature using TOTP tokens generated by Google Authenticator, Authy, or Chrome's Authenticator extension

two_factor_reactjs

In this article, we'll explore how to implement JWT authentication in Next.js 13 API route handlers. We'll cover the process of generating and verifying JWTs, handling authentication errors, and protecting sensitive API endpoints.

nextjs13-user-signin-signup

In this article, you'll learn how to build a CRUD API in Rust using SQLX, Actix-web, and PostgreSQL. Learning how to build a CRUD API as a developer will equip you with valuable skills for building robust, maintainable, and scalable applications.

rust-postgres-crud-sqlx

In this comprehensive guide, you'll learn how to implement JWT (JSON Web Token) authentication in a Golang application using GORM and the Fiber web framework.

golang-fiber-jwt

rust-axum-jwt-rs256

In this article, you'll learn how to build a secure and efficient backend API in Rust with JWT access and refresh tokens functionality. We'll leverage the high-performance Axum framework and SQLX to store data in a PostgreSQL database.

In this article, I'll walk you through the process of building a backend API using the Actix web framework, SQLX, PostgreSQL, and Docker. Once we've created a powerful backend, we'll move on to building a single-page app using the Yew.rs framework.

fullstack-rust-app

In this article, I'll provide you with a simple and straightforward guide on how you can build a CRUD app with FastAPI and SQLAlchemy. The FastAPI app will run on a Starlette web server, use Pydantic for data validation, and store data in an SQLite database.

fastapi_sqlalchemy

In this tutorial, you will learn how to set up NextAuth v5 in Next.js 14. With the release of NextAuth v5, a couple of breaking changes have been introduced, and getting NextAuth up and running in a Next.js 14 project requires a bit of setup.

nextauth-nextjs14-prisma

In this article, you'll learn how to integrate Supabase with Next.js 14 for email and password authentication, as well as Google and GitHub OAuth.

nextjs14-supabase-ssr-authentication

In this article, you will learn how to integrate a Flask API project with Next.js and deploy them on Vercel.

nextjs-flask-framework

This article will teach you how to set up a SQLC API project with Golang, standard Database/SQL package, Gin Gonic, PostgreSQL, Golang-migrate, and Docker-compose. You will also learn how to generate Golang database CRUD functions and Structs with the SQLC compiler. The SQLC Golang API will use a PostgreSQL database and run on the Gin Gonic HTTP server. We will use the Golang-migrate package to push the SQL schema to the database.

golang-postgresql-api

nextjs13-trpc-setup

Are you interested in using tRPC in the new Next.js 13 app directory? Look no further! In this article, I'll walk you through the process of setting up a tRPC server and client in the Next.js 13 app directory step by step.

This article will teach you how to build a full-stack tRPC CRUD (Create, Read, Update, and Delete) app with Next.js. The tRPC API will be built on Next.js edge runtime and the tRPC client will be created with React.js. For data storage, we'll use Prisma ORM to query and mutate an SQLite database.

nextjs-trpc-crud-app

If you're new to Rust and eager to build your first API, you're in luck: this article will guide you step by step through building a simple REST API in Rust using the Axum framework.

simple-api-rust-axum

This article will teach you how to secure a Golang API by implementing two-factor authentication (2FA) using TOTP codes generated by an authenticator app like Google Authenticator or Authy.

vue-query-axios

Vue

two_factor_golang

complete-restful-api-in-rust

In this article, you will learn how to build a Rust API with unit testing in mind. This means we will take a modular approach, which will make our lives easier when writing unit tests.

This article will teach you how to integrate Google OAuth2 into your Rust application, all without relying on third-party OAuth crates such as https://crates.io/crates/oauth2.

google-github-oauth2-rust

ecom5

In this article, I'll walk you through the process of setting up Google OAuth2 in a Node.js application, including creating the OAuth project on the Google API console, configuring the OAuth Client ID and secret, and implementing the necessary code in the Node.js project.

google-github-oauth2-nodejs

In this article, you'll discover how to use the Axum framework to build a RESTful API in Rust that supports basic CRUD (Create, Read, Update, Delete) operations against a MySQL database.

rust-axum-mysql

In this article, you will learn how to build a fullstack application in the new Next.js 13 app directory. Next.js 13.2 introduced a new approach to building APIs in the App Router (app), where we can create custom request handlers for a given route using the Web Request and Response APIs.

nextjs13-simple-app

This article will teach you how to build a full-stack CRUD App with Next.js, React Query, GraphQL Code Generator, React-Hook-Form, Zod, and graphql-request to perform Create/Update/Get/Delete operations.

nextjs-typegraphql-api

In this article, you'll learn how to implement Google OAuth2 in a React.js application, including creating a project in the Google API Console, configuring the application's client ID and redirect URI, and implementing the necessary code in the React application.

google-github-oath2-reactjs

In this comprehensive guide, you'll learn how to implement two-factor authentication (2FA) in a Rust application using OTP tokens generated by an Authenticator app like Authy, Google Authenticator, or Chrome's Authenticator extension.

totp-rust

In this article, we will delve into the implementation of JWT authentication in Rust, covering all crucial steps from generating and verifying JWT tokens with the HS256 algorithm, to registering users, signing them in, logging them out, and safeguarding private routes.

rust-jwt-hs256

In this comprehensive guide, you'll build a simple CRUD API in Rust using the Actix Web framework and an in-memory database.

simple-api-actix-web

This article will teach you how to set up and use React Query v5 in the new Next.js 14 app directory. With the recent release of React Query v5, it has generated considerable buzz in the React ecosystem, primarily due to improvements in Automatic Data Synchronization and Performance Optimizations.

nextjs14-react-query

yt-ecommerce-2

In this comprehensive guide, we will explore the process of integrating tRPC, React Query v5, and Prisma within the Next.js 14 App Router. tRPC is a modern RPC framework that allows you to define your API using TypeScript interfaces and generates both server and client code for you.

nextjs14-trpc-react-query

In this comprehensive guide, you will learn how to build a single-page frontend web application in Rust using the Yew.rs framework. The application will include essential authentication features such as user sign-up, login, logout, and restricting access to protected pages.

rust-yew-signup-signin

In this article, we'll explore how to create a robust API that supports Create, Read, Update, and Delete operations using the Axum framework and MongoDB.

rust-axum-mongodb

build ecommerce website with html css and javascript from scratch step by step

lc16-ecommerce-website

In this comprehensive guide, you'll learn how to properly refresh JSON Web Tokens (JWTs) using the RS256 algorithm and Redis. The integration of Redis will give us the ability to effortlessly revoke or invalidate the JWTs when necessary.

golang-fiber-jwt-rs256

nextauth-nextjs14-drizzle

In this tutorial, we'll cover the complete process of integrating Drizzle ORM with NextAuth v5 in Next.js 14.

This tutorial will teach you how to build a simple CRUD API in Rust using the Warp web framework and Tokio. We'll use Rust and a few well-known libraries to create a RESTful API that runs on a Warp HTTP server and stores data in memory.

simple-api

In this guide, you will learn how to build a complete CRUD gRPC API server and client with TypeScript in a Node.js environment that runs on an Expressjs framework and uses a Prisma database ORM. We'll create five RPC services on the gRPC server that are going to be evoked by the gRPC client to perform the basic CRUD (Create, Read, Update, and Delete) operations.

grpc-node-prisma

In this article, we will explore how to use Rust, Actix Web, SQLX, and MySQL to build a CRUD (Create, Read, Update, Delete) API.

rust-mysql-crud-sqlx

Blog_MUI_React-hook-form

In this comprehensive guide, you'll build a React.js CRUD app using Redux Toolkit and RTK Query hooks. In brief, we'll create RTK Query hooks that React will use to perform CRUD operations against a REST API.

mern-yt-clone

JavaScript

react-rtkquery-crud-app

Responsive Food Delivery Website with HTML, CSS and JavaScript

lc26-food-delivery-website

SCSS

portfolio2

google-github-oauth2-golang

jacket_website

In this article, you'll discover how to set up and use Apollo Client in the new Next.js 13 app directory. Specifically, you'll learn how to use Apollo Client in both React Server and Client Components.

nextjs13-apollo-client

Travel website with HTML, CSS and JAVASCRIPT.

lc12-travel-website

ecommerce4

Are you interested in using MongoDB with the new Next.js 13 app directory? If so, you're in luck! In this article, we'll explore how to set up and use MongoDB in the new Next.js 13 App Router.

nextjs13-mongodb-setup

In this tutorial, we'll cover how to build a Deno API that supports CRUD operations and stores data in a MongoDB database. The example API will run on an Oak middleware framework that will include routes to create, retrieve, update, and delete documents in the database.

deno-mongodb

fruit__website

trpc-react-node-mongodb

In this article, you'll learn how to build a complete CRUD API with Node.js and Sequelize. The REST API will run on an Express.js server and have endpoints for performing CRUD operations against a PostgreSQL database.

crud-app-sequelize

animated_login_signup

Responsive Food Ordering Website with HTML, CSS and JavaScript

LC-24-deliveroo

In this guide, you'll create a full-stack note application that follows the CRUD (Create, Read, Update, and Delete) architecture with tRPC and use Prisma ORM to store data in an SQLite database. We'll build the tRPC API with Node.js and the UI with React.js.

javascript__shopping__cart

JavaScript

node-react-trpc-crud-app

In this comprehensive guide, you'll learn how to build a CRUD application with React.js, Tailwind CSS, React Query, React-Hook-Form, and Axios. In brief, we'll use CRUD (CREATE, READ, UPDATE, DELETE) methods to perform basic operations against a data layer via REST API.

reactjs-crud-note-app

Fashion ecommerce website with html scss css and javascript

lc28-fashion-ecommerce-website

SCSS

reactjs-axios

In this article, we will explore the process of building a REST API in Rust with features like user registration, email verification, login, and logout capabilities. Our API will be powered by the high-performance Axum framework and will utilize the SQLx toolkit to store data in a SQLite database.

rust-user-signup-forgot-password-email

This guide will walk you through the process of implementing RS256 JWT authentication with Rust, using asymmetric keys (private and public keys) to ensure strong security. The API will be hosted on a high-performance Actix Web server and will store data in a PostgreSQL database.

rust-jwt-rs256

In this article, you'll learn how to build a CRUD API with Django and Django REST framework. The RESTful API will have endpoints for performing CRUD operations against an SQLite database.

Django_Crud_Project

In this article, you'll learn how to build a CRUD API in Golang using the Fiber web framework and GORM. The REST API will run on a Fiber HTTP server and use GORM to persist data in a PostgreSQL database.

lc18-vanilla-js-source-code

JavaScript

golang-fiber

rust-mongodb-crud

This comprehensive guide will teach you how to build a CRUD (Create, Read, Update, and Delete) API using the Rust programming language and MongoDB as the database.

In this article, you will explore the implementation of user registration, login, and logout functionalities in Next.js 14 using tRPC (Type Remote Procedure Call). tRPC is a library designed to streamline the development of full-stack applications with a primary emphasis on type safety.

nextjs14-trpc-authentication

In this article, you'll learn how to add two-factor (2FA) authentication to a Django REST API using TOTP tokens generated by an Authenticator app like Chrome's Authenticator extension, Authy or Google Authenticator.

Django_2FA_Project

This article will give you a comprehensive overview of JSON Web Token authentication with React.js, React Query, React-Hook-Form, Zod, and a RESTful API. You will learn how to validate forms with the React-Hook-Form library, make queries and mutations with React Query, register new users, verify their email addresses, sign the users into the React app, and log them out of the app.

react-query-axios-tailwindcss

This article will teach you how to upload single and multiple files on a Golang web server.The tutorial focuses on image upload, but the concepts can be extended and used for any file type.

file_upload_golang

nextjs13-context-api

Do you want to use React Context API to manage states globally and avoid prop drilling in your Next.js 13 app directory? If so, you've come to the right place. This article will guide you through the process of setting up and implementing the React Context API in your Next.js 13 app.

trpc-react-node-prisma

LC29-restaurant-website

In this guide, I will show you how to set up Redux Toolkit and RTK Query with React and TypeScript the right way. Although it's possible to bootstrap a React app with Redux Toolkit support using a single command, this may not be sufficient for more complex state management requirements.

setup-redux-toolkit

In this article, you will learn how to set up and use Prisma ORM in the new Next.js 13 app directory. We'll cover everything from initializing Prisma to seeding the database with test data and applying migrations.

nextjs13-prisma-setup

Have you been wanting to build a simple API in Golang, but don't know where to start? Look no further than this tutorial, where I'll guide you through the process step by step.

golang-fiber-sqlite

nextjs-server-action-app

In this article, we will explore everything you need to know about Server Actions. If you're not already familiar with Server Actions, here's a simple description. Server Actions are a newly introduced feature in Next.js 13 that enables us to directly mutate data on the server from the frontend.

This article will teach you how to secure a FastAPI app by implementing two-factor (2FA) authentication using TOTP tokens generated by an authenticator application like Chrome's Authenticator extension, Google Authenticator or Authy.

2fa_fastapi

cart-page

This article will teach you how to build a simple CRUD API with Rust using the Rocket framework. We'll create a RESTful API that runs on a Rocket HTTP server and persists data in an in-memory database.

100

simple-api-rocket