karsens/communify-js

Open source community building software written in React Native and Node JS

Wijnand Karsens

Full Stack TypeScript Developer & Founder

Address: Kleine Beer 40, 9742 RJ, Groningen

Phone: [phone]

Email: [email protected]

Website: www.codefromanywhere.com

Skills

• System Architecture (Open Source, Decentralised, Scalable, Elegant, Web3)
• Delivering High-Quality Greenfield Apps* in weeks, not months!
• PO, Tech Lead (KTTA), Teaching, Mentoring
• Entrepreneurship: idea generation, POC, MVP, validation
• Recruitment (LinkedIn CRM + Automation)
• Hiring: (Technical) Interviews
• Big rewrites/refactors of complex app ecosystems
• Adventure and (Extreme) sports (and organising this)

• Stack: Typescript, Node.js, React (with Native), Next.js, Expo, Sensible
• Apps: Web, Android, iOS, VSCode, Chrome, Windows, Mac, Linux

Web3? Human Centered Web

Profile

Hi, I'm Wijnand... I’m a free yet impact-driven human interested in saving humanity and the planet from climate change 🌿 and the bad applications of AI 🤖

⚛️ CODE FROM ANYWHERE 🏝🏔🏄‍♂️ is on a path to help 100.000 developers reach their full potential while traveling the world.

🚀 From idea to app in under a month? Yes yes! This is what I do! Using my own methodology, tools, and frameworks, me and my team make production-ready apps in a matter of weeks. Contact me to get a FREE initial consulting session with me.

Education

• 2017: Diploma - University Of Groningen (RUG), Bachelor, Artificial Intelligence
• 2012: Diploma - VWO, Zernike College Westerse Drift, Haren, The Netherlands

Experience

Code From Anywhere

Timeframe

April 2021 - present

Position

Co-Founder & Full-Stack Developer

Stack

React, Next.js, React Native, Expo (Full stack TypeScript)

Code From Anywhere is the agency under which I provide my services together with a handful of other experienced freelancers.

Recommendation:

Sander van Rijsoort (Freelance Front-End Developer)

Contact

[phone] [email protected]

Recommendation

I have been working with Wijnand together on a MVP for a startup in React-Native. He has a genuine interest in programming and is always looking for ways to improve his code, make workflows more efficient and has very in-depth JavaScript knowledge. Also he is very goal-oriented and is very focussed on reaching his goals and embodies a "get it done" mentality. Highly recommended for your next MVP or React application!

Emesa

Timeframe

November 2021 - present

Position

Full-Stack Developer

Stack

React, Next.js, React Native, Expo (Full stack TypeScript)

Together with a small team we rebuilt ActieVanDeDag.nl and replaced the previous version.

Recommendation:

Joost van Driel (Freelance Full Stack Developer)

Contact

[email protected]

Recommendation

Wijnand joined our team to help out with building a new front-end application. From the very first day, he was delivering a lot of value and pushing the product forward. He brought a lot of technical knowledge about modern front-end development and shared it with our team. He was a good colleague that delivered quality work.

Stoic Strategies

Timeframe

November 2021 - present

Position

Front-End Developer

Stack

React, Next.js, React Native, Expo (TypeScript)

Stoic needed a front-end to gain better insights into their trading strategies.

CoworkSurf

Timeframe

September 2021 - present

Position

Chief Technology Officer (CTO) & Co-Founder

Stack

React, Next.js, Node.js (Full Stack TypeScript)

Probably the project I’m most proud of. Together with the 3 other founders, within one month I have successfully launched the MVP website: a booking platform for shared housing for remote workers at surf locations. The hardest part of this app was the complex logic of booking accommodation, the Stripe integration, and the optimal image delivery. Have a look at www.coworksurf.com

Recommendation:

Michele Picozzi (Full Stack Web Developer)

Contact

[email protected]

Recommendation

Wijnard is a great team member, we worked closely together to build a full website for remote workers in less than 2 months. It would have not been possible without him and he's been a key contributor since day 1. Wonderful CTO, any company would be more than lucky to have!

Also, working with him is fun, regardless of how difficult and complex the project is!

Wiseconn

Timeframe

October 2021 - present

Position

Senior React Native Developer

Stack

React Native

For Wiseconn (a small company from Groningen) I have to maintain and continue the development of a small eCommerce app written in bare React Native. I work together with a backend engineer that uses Laravel for the API.

InstaClean

Timeframe

May 2021 - present

Position

Chief Technology Officer (CTO)

Stack

React Native, Node.js (Full Stack TypeScript)

InstaClean is a startup that allows citizens of Nigeria to get rid of their waste FAST by creating a system of waste pickup by motorcycles. Together with a front-end developer I have chosen the technology, created the whole app, and now we’re awaiting approval by an accelerator program.

ZIMAmind

Timeframe

August 2021 - present

Position

Chief Technology Officer (CTO)

Stack

React Native, Node.js (Full Stack TypeScript)

Zimamind is a platform for coaches that has the aim of preventing burn-out within healthcare. I created the main MVP website https://zimamind.nl (written in React Native Web + Node.js) and am now awaiting investments before continuing and outsourcing further development.

Classic Car Ratings

Timeframe

August 2021 - September 2021

Position

Senior Frontend Developer

Stack

React Native

Classic Car Ratings is a company that appraises classic cars. Together with a backend developer I created their first app. I also delved into white-label solutions because they will need that in the future.

Zendoc

Timeframe

December 2020 - February 2021

Position

React Developer

Stack

React

For this company I worked as a React Developer. Together with another senior react developer I built a text editor in React.

MijnKantoor

Timeframe

March 2020 - February 2021

Position

Senior React Native Developer

Stack

React Native

I was the main developer to bring a large app to production. Team of five. The hardest part of this job was keeping oversight over a large feature set of the main project (website) and building an app based on that, with a similar feature set. Communication with PM was minimal as required.

FriendTime

Timeframe

September 2019 - July 2021

Position

Founder & Full-Stack Developer

Stack

React, React Native, Node.js (Full Stack TypeScript)

For this app I did basically everything since it was my own startup idea: from idea to product in both app stores. Skills involved: Conceptualization of new startup, Product management (app features management), Marketing, Iteration over user feedback, React Native + Node.js + MySQL development. For this app, a detachment from expo.io was needed to include a payment system for iOS and Android.

Let's Calendar

Timeframe

August 2020 - January 2021

Position

Co-Founder & Lead Full Stack Developer

Stack

React, React Native, Node.js (Full-Stack TypeScript)

For Let’s I worked together with one other developer on the React Native Frontend and the Node.js Express Backend (Full Stack JavaScript). For this project, the greatest challenge was to keep the codebase simple and structured and finishing the project. Since the PM and designer wanted more and more features every iteration, this has been a great challenge.

Roadeo.io

Timeframe

April 2019 - June 2019

Position

React Native Developer

Stack

React Native

This freelance project required me to build a react native app that used sensors to gather data about road quality. Together with a data scientist I designed the app to send frequent updates to the backend.

MYPO

Timeframe

February 2019 - April 2019

Position

Full Stack Developer

Stack

React Native, Expo, Node.js (Full-Stack JavaScript)

This React Native App was for a last-mile delivery system. I refactored the whole existing app and took ownership of the codebase. With a team of 6 we quickly brought the startup closer to Product Market Fit.

Dyme

Timeframe

February 2019 - August 2019

Position

Senior React Native Developer

Stack

React Native

This app has tens of thousands of users now. I am proud to have worked as a React Native Developer in a team of six. I worked tightly together with the CTO and a designer to build large parts of their app. I am proud to have worked with detached react native. Among other things, I integrated firebase and built many UX’s from scratch.

Target Holding (Slimmer AI) - Bencompare

Timeframe

July 2018 - February 2019

Position

Mobile App Developer

Stack

React Native

Bencompare was a Personal Expenses Dashboard. I worked together with a big team to bring this app to production and build lots of features for it.

OVFiets

Timeframe

June 2018 - November 2019

Position

Co-Founder & Front-End Developer

Stack

Android & iOS app with React Native

OVFiets had the goal of making public transport more environment friendly by giving people the possibility to show cycling routes to the bus-stations and getting the shortest route time-wise with bike to public transport to bike.

Communify

Timeframe

February 2018 - January 2019

Position

Founder & Full-Stack Developer

Stack

Android & iOS app with React Native, Node JS, Express, MySQL, GraphQL

This app had the primary goal to create stronger and more meaningful networks in co-working spaces. It has been my most ambitious project. I did everything from the idea stage until it was done. Especially working with GraphQL was a great challenge, yet very fun and rewarding!

MasterCrimeZ

Timeframe

June 2006 - present

Position

Founder & Full-Stack Developer

Stack

2006 - 2017: PHP, HTML, CSS, MySQL
2018 - present: Android & iOS & web app with React Native (web) + Expo.io, Node JS, Express, MySQL, REST

I started with this when I was 12 years old. I learned to use PHP, HTML, CSS and MySQL and build a game for others to play. Around 2008 it was the most popular with thousands of monthly recurring revenue and over 500 daily active players. In 2018 I tought myself app development and rebuilt the game in React Native for all platforms. The game is still online now, but isn't actively worked on anymore. But who knows what the future will hold!

communify-js's Issues

Launch & Marketingkanalen

Set online

• Backpackingtribe.com {fid:1}
• Mynomadtribe.co {fid:2}
• Tribal.travel {fid:3}

Instagram

• Volg op instagram knop
• Verander TravelLifeMovement naar BackpackingTribeApp
• Plaats vooral posts van tribes, mensen travelling together
• Volg backpackers automatisch

Facebook

• Doe preview post op backpackers azie groep
• Doe vervolgpost als de app live is
• Doe dit over de tijd in meer groepen
• Post op m'n eigen profiel

ProductHunt

• Doe pre-launch
• Doe launch

Hostels affiliate and api

It's hard to find an api. Maybe it's better to add this later, after the site is already live. Measure the amount of outlink clicks

Also, make an autocomplete with all hotels from 'booking partner centre' -> products -> links.

• download csv files of all popular backpacking countries
• import into 'stay' one by one, updatating country where country is null to correct country

Make hostel autocomplete with name where country matches location country. If no hostel found, use https://google.nl/?q={hostelname}+{city}+{country}

Todo April

Make sure to use all endpoints available now in the correct way

• updateProfile
• changePassword
• forgotPassword
• members
• profile

Query franchise

• When in a franchise on xyz.communify.cc, do a franchise query in the saga and safe it to franchise on global
• use that for /me query, login, signup, etc.
• on iOS/Android, don't look at subdomain but look at constants.franchise.id

Upload pictures

• pick image/library
• resize on frontend
• send base64 to backend
• resize on backend to normal and thumbnail
• save in folder
• for signing up franchise
• when signing up
• on update profile screen

Some styling

• TextInputs better styling
• FranchiseAdmin better styling

Franchise

• Make signup franchise form
• Use this Wildcards
• Make created franchise available on {franchise}.communify.cc

Communities

• For now, automatically create a community when creating franchise and keep it at one community per franchise

Posts

• create backend
• create frontend
• including picture upload

Todo May

Use mysql

• run process pm2 on server again
• setup mysql similar to mcz

Tribes

• CreateFranchise has to become createTribe
• Tribes model, CRUD { name, subtitle, description, image, thumbnail }
• Add a few example tribes
• Make sure to show them on tribes screen
• Make sure to show current tribe on tribescreen
• Make tribes clickable

Chat

• GET /channelsubs?loginToken={token} : Channel[]
• GET /chat?id={cid} : chat[]
• POST /chat {loginToken, message}
• channel screen with all subbed channels. clicking channel goes to chat screen
• chat screen with all chats

Activities:

• Posts become activities
• Add date and location to every activity
• render activity correctly
• Add a few fake activities that look nice
• creating activity should also create channel and channelsub
• Add joining activity: POST eventSub
• Joining activity should also create channelsub
• Add leaving activity POST eventUnsub
• Show all information about event, including participants, on events page
• Nice card animation https://www.youtube.com/watch?v=i2HRRFEmmqI

Shared Element Transition for Tribes

• https://www.youtube.com/watch?v=83GNiMp-qq0

Destinations

• Model, CRUD
• Show desitnations nicely according to UI
• CreateDestination screen with Google Location Autocomplete
• For now, use textfield for hostel
• Add TravelLifeMovement, EAT CODE KITE REPEAT destinations
• Show all destinations of a tribe on the tribepage

Profiles

• Add paralaxview to profile
• Open profile in modal
• Add PM button that does POST createPM which returns channelid and goes to chat with that channelid
• POST createPM { loginToken, username }

Map

• If you're in the tribe, on tribe page, choose between destinations , map, and members
• show a map with all members
• Also show desitnations on the map

Tribe selector

• create tribe selector modal
• choose between tribes on 'my tribe'
• choose between 'all' and tribes on 'chat'
• choose between 'all' and tribes on 'activities'

Feedback knop die chat opent met mij

Invite for tribe

• Share URL on my tribe page, both for insta-joining and for not insta-joining: https://backpackingtribe.com/app/tribe?slug=eat-code-kite-repeat&code=12341234

Beoordeel in Appstore