Forem: John Revis

[Boost]

John Revis — Sun, 19 Oct 2025 23:32:59 +0000

Visit Rwanda — A Beautiful Travel Companion App Built with React Native

John Revis ・ Oct 19

#reactnative #software #android #showdev

Visit Rwanda — A Beautiful Travel Companion App Built with React Native

John Revis — Sun, 19 Oct 2025 23:26:10 +0000

Visit Rwanda is a mobile travel app built using React Native that helps users explore Rwanda’s most iconic destinations — from the majestic volcanoes and national parks to cultural treasures and vibrant city life.

Whether you're planning your first trip to Rwanda or exploring hidden gems locally, this app makes discovering attractions, reading descriptions, and planning adventures seamless and visually appealing.

🧭 Features

🗺️ Browse categories like Mountains, Parks, Tradition, and City Life

📍 Discover destinations with beautiful photos and detailed information

🌤️ View details such as distance, duration, weather, and price

🎨 Elegant, responsive UI built with Tailwind (NativeWind)

⚙️ Fully cross-platform using React Native and Expo

🧑‍💻 Tech Stack

React Native (Expo Framework)

NativeWind (TailwindCSS for React Native)

React Navigation

Responsive Screen (react-native-responsive-screen)

Linear Gradient from Expo

🚀 Installation

To run the project locally:

Clone the repository

git clone https://github.com/Revis047/VisitRwanda-mobileApp.git

Navigate into the project

cd VisitRwanda-mobileApp

Install dependencies

npm install

Run on Expo

npm start

Then, scan the QR code using the Expo Go app on your phone to preview the app instantly.

🏞️ About the App

Rwanda, known as the Land of a Thousand Hills, is home to breathtaking landscapes, cultural heritage, and rich wildlife.
The Visit Rwanda App was built to celebrate these experiences and make exploration easier for travelers — both locals and visitors alike.

🧠 Lessons Learned

While building this app, I improved my understanding of:

Structuring a React Native app with reusable components

Designing responsive layouts for mobile devices

Using Expo LinearGradient and NativeWind for UI polish

Managing image assets and navigation between screens

🔗 Repository

👉 Visit Rwanda on GitHub

If you like it, don’t forget to ⭐ star the repo and share your feedback!

💬 Final Thoughts

Building Visit Rwanda has been an amazing learning experience. I wanted to create something that reflects the beauty, culture, and adventure that Rwanda offers.

Stay tuned for upcoming updates — including Google Maps integration, user favorites, and offline mode for travelers on the go!

✉️ Let’s Connect

🐙 GitHub: @revis047

💼 Email: johnrevis5@gmail.com

📝 Dev.to: @revis047

[Boost]

John Revis — Thu, 11 Sep 2025 08:37:34 +0000

Midnight Network Challenge: Protect That Data

John Revis

Sep 3 '25

ZKVote: The Invisible Ballot That Could Unite the World.

#devchallenge #midnightchallenge #web3 #blockchain

Comments 3

2 min read

Cracking the Midnight Code: Simplifying Wallets & Supercharging ZK Development

John Revis — Thu, 04 Sep 2025 18:37:18 +0000

This is a submission for the Midnight Network "Privacy First" Challenge - Enhance the Ecosystem prompt

What I Built

I built the Midnight DevX Dashboard, an open-source developer productivity suite designed to make it easier and faster for developers to build on the Midnight blockchain.

It combines:

A React + Tailwind dashboard with a block explorer, wallet connector, and ZK playground.
A Node.js CLI tool (midnight-cli) for scaffolding, deploying, and testing dApps.
Comprehensive documentation with tutorials and code snippets. Example starter projects (e.g., ZK Hello World, ZK Voting dApp).

This all-in-one toolkit solves the problem of fragmented developer workflows by providing everything in one place, boosting adoption and productivity for builders on Midnight.

Demo

Midnight Devx Github repo

Live Demo 🌐

How I Used Midnight's Technology

Integrated the Midnight SDK to connect the dashboard and CLI with the network.
Used Midnight’s zero-knowledge primitives in the Playground editor to allow developers to write and test ZK circuits directly in the browser.
Leveraged wallet APIs to enable a Connect Wallet feature for dApps.

Developer Experience Improvements

One-stop developer hub → explorer, wallet, playground, and docs in a single UI.
Fast onboarding → midnight init my-dapp scaffolds a project in seconds.
Better debugging → Block Explorer Lite provides readable transaction and proof data.
Learning by doing → Example ZK projects and tutorials included.

This dramatically reduces friction and makes building on Midnight as smooth as building on mainstream blockchain platforms.

Set Up Instructions / Tutorial

Prerequisites:

Node.js 20+
pnpm (recommended)
Install and run:

pnpm install
pnpm dev
Open http://localhost:8080

Useful scripts:

pnpm build # Build client and server
pnpm start # Run built server
pnpm typecheck # TS check
pnpm test # Vitest
pnpm midnight # Run CLI (see below)
Environment variables (optional):

VITE_MIDNIGHT_RPC – future real RPC endpoint if you switch Explorer/Wallet to live chain calls.
CLI: midnight
pnpm midnight init my-dapp # scaffold a starter dApp (vite react template)
pnpm midnight deploy # demo deploy (placeholder)
pnpm midnight test # demo unit tests (placeholder)

[Boost]

John Revis — Wed, 03 Sep 2025 12:31:05 +0000

ZKVote: The Invisible Ballot That Could Unite the World.

John Revis ・ Sep 3

#devchallenge #midnightchallenge #web3 #blockchain

ZKVote: The Invisible Ballot That Could Unite the World.

John Revis — Wed, 03 Sep 2025 12:18:43 +0000

This is a submission for the Midnight Network "Privacy First" Challenge - Protect That Data prompt

What I Built

ZKVote is a decentralized voting DApp that empowers global citizens to anonymously vote on humanity’s next big innovation priority — from climate tech to ethical AI. Built on the Midnight Network, it uses zero-knowledge proofs to verify voter eligibility without revealing identity, ensuring privacy and trust in every vote.

The app solves a critical problem: how can we enable global participation in decision-making without compromising personal data or exposing individuals to surveillance, bias, or retaliation?

Demo

ZKVote Repo 👉

Voting dashboard with animated innovation cards
ZK proof submission interface
Real-time global results heatmap “Your vote has been encrypted” confirmation modal

How I Used Midnight's Technology

ZKVote is built using:

MidnightJS for smart contract logic and blockchain interactions
Compact language to define zero-knowledge circuits for voter eligibility
Mocked tokens to simulate unique voter credentials
Privacy-preserving smart contracts that store encrypted votes and prevent double voting using nullifiers

Data Protection as a Core Feature

Privacy isn’t a layer — it’s the foundation. ZKVote ensures:

No personal data is ever stored or exposed
Voter identity is never linked to vote content
One vote per user is enforced using ZK nullifiers
All votes are encrypted and stored on-chain in a format that’s publicly auditable but completely anonymous This design allows people to vote freely, especially on sensitive global topics, without fear of surveillance or profiling.

Set Up Instructions / Tutorial

🧪 Prerequisites
Node.js v18+

MidnightJS SDK installed

Compact compiler configured
⚙️ Installation
git clone https://github.com/Revis047/ZKVOTE
cd ZKVOTE
npm install
npm run dev

Quick tutorial:

Click “Generate ZK Credential” → button switches to “Credential Ready”.
Tap a card to cast your encrypted vote → success dialog → “View Live Results”.
If you try again, you’ll see “Already voted”; use Results for tallies and regional breakdown.

Solo submission by @revis047.

game changer

John Revis — Sun, 31 Aug 2025 18:42:09 +0000

n8n and Bright Challenge: Unstoppable Workflow

John Revis

Aug 31 '25

The Future of Decision-Making: AI Agent That Predicts Trends & Profits

#webdev #n8nbrightdatachallenge #devchallenge #ai

Comments 6

2 min read

The Future of Decision-Making: AI Agent That Predicts Trends & Profits

John Revis — Sun, 31 Aug 2025 18:04:24 +0000

This is a submission for the AI Agents Challenge powered by n8n and Bright Data

What I Built

I built an AI-powered Intelligence Agent using n8n that transforms raw news into executive-ready reports.

The agent automatically:

Collects breaking news data

Extracts facts, trends, and predictions

Analyzes tone and sentiment

Generates business suggestions (clients, income potential, global expansion strategy)

Highlights convincing points for decision-makers

This helps entrepreneurs, analysts, and executives save time by getting instant insights from complex information.

Demo

SantomaAi

📊 Example Intel Report Output:

📊 Intel Report
━━━━━━━━━━━━━━━━━━━━━━━

📝 Facts

New Mexico lawmakers propose legalizing medicinal 'magic mushrooms'.
Colorado issues licenses to psychedelic mushroom therapy facilitators.
Experts warn of mental health risks due to rising use.

📈 Trend
Legalization of psilocybin across the US and globally.

🔮 Prediction
Mainstream integration of psilocybin therapy in medicine.

🎙️ Tone
Executive briefing.

💡 Business Suggestions

Psilocybin Therapy Center
Psychedelic Education Services
Mushroom-Based Packaging Production

💡 Convincing Points

Early entry advantage in a booming industry
Growing consumer demand for natural products
Educational opportunities in mental health & wellness

n8n Workflow

👉 Santoma Intelligence n8n Workflow

Technical Implementation

Platform: n8n (self-hosted via Docker)
Trigger: Webhook node (chat-style interface)
Data: News / content input
Processing:
AI Model (OpenAI GPT) → extracts facts, trends, predictions
Sentiment analysis → executive tone adjustment
Structured response formatting with emojis + sections
Output: Instant Intel Report in Markdown/Chat format

Bright Data Verified Node

Bright Data was used to collect fresh, verified data sources to feed into the AI agent.
This ensures reports are fact-based and up-to-date, not just static prompts.

Journey

Building this agent was both exciting and challenging:

🚧 Challenge: Formatting AI output into consistent sections.
💡 Solution: I structured the prompts and applied clear headers (Facts, Trend, Prediction, Tone, Suggestions).
🚧 Challenge: Webhook was only accessible locally.
💡 Solution: Planning to expose with ngrok for testing, and later deploy permanently on a VPS.
🚧 Challenge: Making reports business-actionable, not just text.
💡 Solution: Added income models, client targets, and expansion strategies in the output.

I learned how powerful n8n + Bright Data + AI can be for building custom intelligence systems without writing full apps.

✨ This project shows how automation + AI can turn scattered data into insightful, ready-to-use intelligence for entrepreneurs and decision-makers.

MERN APP

John Revis — Fri, 04 Jul 2025 15:31:06 +0000

From Zero to Chat: My Journey Building a MERN App (and Yours Can Be Too!)

John Revis ・ Jul 4

#javascript #productivity #webdev #opensource

From Zero to Chat: My Journey Building a MERN App (and Yours Can Be Too!)

John Revis — Fri, 04 Jul 2025 15:28:42 +0000

Hey developers! 👋

I'm excited to share a project I just finished — a real-time chat application built using the MERN stack, complete with messaging, image sharing, theme switching, emoji support, and more!

Whether you're into full-stack development or just looking to explore a real-world example of React + Node + Socket.IO, I hope this inspires you.

🚀 Source Code

📦 GitHub Repo: see the repository

🔧 Tech Stack

Here’s what powers the app:

Frontend: React.js, Tailwind CSS, DaisyUI
State Management: Zustand (super clean global state)
Backend: Node.js, Express.js, MongoDB (Mongoose)
Authentication: JWT + bcrypt
Real-Time Messaging: Socket.IO
Image Uploads: Cloudinary
API Requests: Axios

✨ Features

✅ JWT Auth & Protected Routes

✅ Send, Edit, and Delete Messages

✅ Image Upload & Display

✅ Emoji Support via emoji picker

✅ Light/Dark Mode toggle

✅ User Profile Update (name, avatar)

✅ Clean UI using TailwindCSS + DaisyUI.

💡 Why I Built This ?

I wanted to level up my MERN stack skills and build something real-time, full-featured, and user-friendly. Chat apps are perfect for learning:

WebSocket events (with Socket.IO)

File uploads and handling via Cloudinary

Global state (with Zustand, instead of Redux)

Tailwind UI design + theming

Handling JWT securely on frontend + backend

It also helped me learn how to make my code more modular and scalable.

**

chat-app/
├── backend/ # Express, MongoDB, Auth, Socket.IO
└── frontend/ # React, Zustand, Tailwind, DaisyUI

🧠 What I Learned

**
Managing socket connections for multiple users

JWT token storage & protection on the client

Zustand’s simplicity over Redux for global state

Theming UI with Tailwind + DaisyUI

Uploading images securely and displaying them in chat.

💬 Want to Collaborate or Feedback?

**
I’m open to feedback, feature requests, or even PRs if you’d like to contribute! Just drop a comment or message me.

👉 GitHub Repo

From Zero to Chat: My Journey Building a MERN App (and Yours Can Be Too!)

John Revis — Fri, 04 Jul 2025 15:21:59 +0000

Hey developers! 👋

I'm excited to share a project I just finished — a real-time chat application built using the MERN stack, complete with messaging, image sharing, theme switching, emoji support, and more!

Whether you're into full-stack development or just looking to explore a real-world example of React + Node + Socket.IO, I hope this inspires you.

🚀 Source Code

📦 GitHub Repo: see the repository

🔧 Tech Stack

Here’s what powers the app:

Frontend: React.js, Tailwind CSS, DaisyUI
State Management: Zustand (super clean global state)
Backend: Node.js, Express.js, MongoDB (Mongoose)
Authentication: JWT + bcrypt
Real-Time Messaging: Socket.IO
Image Uploads: Cloudinary
API Requests: Axios

✨ Features

💡 Why I Built This ?

I wanted to level up my MERN stack skills and build something real-time, full-featured, and user-friendly. Chat apps are perfect for learning:

WebSocket events (with Socket.IO)

File uploads and handling via Cloudinary

Global state (with Zustand, instead of Redux)

Tailwind UI design + theming

Handling JWT securely on frontend + backend

It also helped me learn how to make my code more modular and scalable.

**

chat-app/
├── backend/ # Express, MongoDB, Auth, Socket.IO
└── frontend/ # React, Zustand, Tailwind, DaisyUI

🧠 What I Learned

**
Managing socket connections for multiple users

JWT token storage & protection on the client

Zustand’s simplicity over Redux for global state

Theming UI with Tailwind + DaisyUI

Uploading images securely and displaying them in chat.

💬 Want to Collaborate or Feedback?

**
I’m open to feedback, feature requests, or even PRs if you’d like to contribute! Just drop a comment or message me.

👉 GitHub Repo