Light

Joseph Lander photo

josephclander Goto Github PK

followers: 46.0 following: 40.0 repos: 62.0 gists: 1.0

Name: Joseph Lander

Type: User

Bio: Front End Engineer with expertise in React, APIs & modern responsive CSS.

Location: London, UK

Blog: https://www.josephclander.com/

Technologies I Use

Full-stack React project videos

Select Work

Full Projects

Repo	Description	Tech
ZeroPercentBrews	Recommendations site for non-alcoholic beers	MongoDB, Express, React, NodeJS, Auth, Routing, Hooks
Find-a-Film	Find film with search API	MongoDB, Express, React, NodeJS, TypeScript
StudentDirectory	Full Stack Student Directory with Login	React, SQL, Auth, Routing, Classes

Case Studies

Repo	Description	Tech
NextJS Routing	Demonstrate App routing in NextJS	NextJS, TypeScript
React Todo App Testing	A standard Todo app in React tested with React Testing Library	React, TypeScript, React Testing Library
WebApp	Web App Dashboard with graphing widgets and form sections. Responsive design with JS user interactions for better UX.	ChartJS, Grid, Flexbox, SVG
InteractiveForm	Adding interactivity & validation to a registration form	JS, User Validation

Client-Work

Repo	Description	Tech
ConsultingCompanyWebsite	Designed & built to act as a business card for the company.	Social API, CSS Design Tricks
VideoCompanyWebsite	Personal Website, designed to highlight design skills for my side business in videography.	FTP, Sketch, Sass, Flexbox, Contact Form

More information about me & my work

Engineering bootcamp grad with Makers Academy.
Software Development Content Creator YouTube channel.
Community Leader Makers Alumni Hub.

(Contact via email or LinkedIn if you wish to discuss development roles)

Tech Qualifications

Links to my software development qualifications in front-end, full-stack, data-structures and testing.

(Hover & Click for further information)

Joseph Lander's Projects

acebook-mern-app

MERN Project working on legacy code of established site with bugs.

api-conversion-tool

API JSON Conversion tool.

auth-api-express

Case Study: Enhanced authorisation techniques

auth-client-react

bank-app-tech-test

Tech test solution using TDD with JS, Jest and classes

bowling-challenge

APP built with TDD to Calculate Scores for Ten Pin Bowling

chitter-challenge

From scratch make an app that has similar functionality to Twitter

collect-links

A short programme to get information from known data sources on the web.

creating_codewars_kata

Creating my own Codewars Kata

cv

Here is my GitHub CV - A quick text only break down of my skills

cvcreator

A CV Creator formed with React to showcase my use of state and a brief version of my own CV

data-pagination-and-filtering

Data pagination & filtering

data-structures-in-js

Data Structures in JS

data-structures-ruby

Creating sorting algorithm solutions in Ruby

find-a-film-snapshot

React app built with Typescript from a Figma design. Finds films using an api.

form_react

Case Study: Using Forms in React

github_projects_lessons

Lesson on YouTube for writing good Markdown and teaching how to use Github Projects.

icons-library-pensano

interactive-js-form

Adding interactivity and validation to a registration form

josephclander

GitHub personal page for Joseph Lander

js_search_employee_directory

A searchable employee directory from API that immediately updates on type

legacy_company_website

Designed and built in house to act as a business card for mine and my partner's company.

little-helpers

Helper functions for dealing with large amounts of JSON manipulation.

minimaths

A minimal website created for a school's educational maths videos.

news-summary-challenge

A SPA to fetch data from the Guardian News API and display as card results with search functionality.

nextjs-routing-userlist

Case Study: A simple app to demonstrate routing with NextJS 14 and mapping user data.

nextjs-testing-ts-counter

Case Study: A small app to demonstate setup and use of NextJS, Typescript and testing with Vitest.

noughts_and_crosses

Adopting function over style, here is how I structured the classic game 'tic-tac-toe' ('noughts and crosses' - UK).

online_registration_form

Styling HTML form inputs on an online registration form

oop-game-phrasehunter

An Object-Oriented Programming assignment to create a word guessing game with user feedback.

1
2
3

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.