Discover @wpcodevo Open Source projects

CODEVO (@wpcodevo)

wpcodevo

Stars
3,273
Global Rank 8,586 (Top 0.4 %)
Followers 855
Registered over 4 years ago
Most used languages

TypeScript
35.5 %

Rust
15.1 %

HTML
13.8 %

CSS
11.2 %

Go
7.9 %

JavaScript
7.9 %

Python
4.6 %

SCSS 1.3 %

Vue 1.3 %

Others 1.4 %
Location 🇬🇭 Ghana
Country Total Rank 1
Country Ranking

CSS
1

HTML
1

Rust
1

TypeScript
1

Go
2

SCSS 2

Vue 2

Handlebars 3

Python
3

Svelte 7

JavaScript
31

nextauth-nextjs13-prisma

In this tutorial, I'll walk you through setting up authentication in your Next.js 13 app directory using NextAuth.js. It's worth noting that while we use the NextAuth package in this tutorial, you may be using the Auth.js package by the time you read this, as the libraries are now interchangeable.

phone_website

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

JWT_Authentication_React

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

golang-mongodb-api

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.

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.

golang-gorm-postgres

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.

rust-axum-jwt-auth

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.

node_typeorm

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.

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.

fastapi_mongodb

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.

python_fastapi

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.

nextjs13-redux-toolkit

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.

node_prisma_postgresql

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.

2fa-nodejs

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.

ecommerce-website-4

react-query-axios

jwt_authentication_authorization_node

LC09-ecommerce-website

Build ecommerce website with html css and Javascript step by step

rust-postgres-crud-sqlx

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.

nextjs13-user-signin-signup

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.

golang-fiber-jwt

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.

two_factor_reactjs

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

fastapi_sqlalchemy

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.

golang-postgresql-api

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.

rust-axum-postgres-api

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.

fullstack-rust-app

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.

vue-query-axios

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.

nextjs-fastapi-framework

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.

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.

ecom5

nextjs-flask-framework

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

nextjs-trpc-crud-app

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.

google-github-oauth2-rust

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.

simple-api-rust-axum

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.

nextjs13-simple-app

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.

two_factor_golang

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.

google-github-oath2-reactjs

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.

rust-jwt-hs256

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.

nextjs-typegraphql-api

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.

google-github-oauth2-nodejs

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.

yt-ecommerce-2

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.

rust-axum-mysql

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-yew-signup-signin

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.

lc16-ecommerce-website

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

simple-api-actix-web

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

golang-fiber-jwt-rs256

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.

Blog_MUI_React-hook-form

Login and Signup Forms with React, React Hook Form, TypeScript and Material UI

grpc-node-prisma

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.

rust-axum-mongodb

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.

google-github-oauth2-golang

mern-yt-clone

rust-mysql-crud-sqlx

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

jacket_website

portfolio2

react-rtkquery-crud-app

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.

totp-rust

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.

ecommerce4

nextjs13-apollo-client

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.

nextjs14-trpc-react-query

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.

fruit__website

nextjs14-supabase-ssr-authentication

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.

trpc-react-node-mongodb

deno-mongodb

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.

lc12-travel-website

Travel website with HTML, CSS and JAVASCRIPT.

animated_login_signup

nextauth-nextjs14-prisma

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.

LC-24-deliveroo

Responsive Food Ordering Website with HTML, CSS and JavaScript

javascript__shopping__cart

simple-api

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.

crud-app-sequelize

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.

nextjs13-mongodb-setup

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.

nextjs14-react-query

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.

node-react-trpc-crud-app

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.

reactjs-crud-note-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.

lc26-food-delivery-website

Responsive Food Delivery Website with HTML, CSS and JavaScript

lc18-vanilla-js-source-code

reactjs-axios

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.

trpc-react-node-prisma

nextauth-nextjs14-drizzle

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

lc28-fashion-ecommerce-website

Fashion ecommerce website with html scss css and javascript

file_upload_golang

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.

Django_Crud_Project

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.

setup-redux-toolkit

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.

golang-fiber

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.

golang-fiber-sqlite

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.

Django_2FA_Project

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.

react-query-axios-tailwindcss

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.

rust-jwt-rs256

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.

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.

cart-page

portfolio3

LC29-restaurant-website

rust-yew-rs256-web-app

In this article, you will learn how to build a modern, single-page frontend application in Rust using the Yew.rs framework and WebAssembly.

LC27-squid-website

Responsive Squid Game Website Template with HTML, CSS & JavaScript

nextjs13-prisma-setup

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.

rust-user-signup-forgot-password-email

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.

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.