Projects in Awesome Lists by derektypist
A curated list of projects in awesome lists by derektypist .
https://github.com/derektypist/coding-traineeship-projects
This repo is part of the IT Career Switch Coding Traineeship Program. I have practiced the projects and gained wide range of projects and gained wide range of web knowledge across multiple programming languages and libraries.
api backend bootstrap command-line css3 easybutton fontawesome6 frontend geosearch git html5 javascript jquery leafletjs nodejs php python react redux sql
Last synced: 09 Mar 2026
https://github.com/derektypist/project-euler-055
Counts the number of Lychrel Numbers below the limit (e.g. 10000)
bootstrap5 css3 google-fonts html5 javascript project-euler
Last synced: 09 May 2026
https://github.com/derektypist/build-a-pokemon-search-app
Build an app that searches for Pokémon by name or ID and displays the results to the user. This project makes use of freeCodeCamp's PokéAPI proxy.
asynchronous-programming css3 freecodecamp-project html5 javascript
Last synced: 05 May 2026
https://github.com/derektypist/tic-tac-toe
Tic Tac Toe is a game for 2 players. You can play against the computer or another human player.
Last synced: 12 Apr 2026
https://github.com/derektypist/project-euler-031
Find the number of ways to make n pence using any number of coins
bootstrap5 css3 dynamic-programming googlefonts html5 javascript project-euler
Last synced: 30 Apr 2026
https://github.com/derektypist/build-a-role-playing-game
Learn Basic JavaScript by building a role playing game. FreeCodeCamp - JavaScript Algorithms and Data Structures.
arrays css3 functions html5 javascript loops strings
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-rock-paper-scissors-game
Review DOM Manipulation by building a Rock, Paper, Scissors game.
css3 dom-manipulation freecodecamp-project html5 javascript
Last synced: 11 May 2026
https://github.com/derektypist/project-euler-042
Find the number of triangle words in the provided array. A PDF File is available for viewing the words. A triangle word is whose word value is a triangle number. A word value is the sum of numbers corresponding to its alphabetical position. For example, SKY has a word value of 55, because 19 + 11 + 25 = 55. SKY is a triangle word, because 55 is a triangle number.
bootstrap5 css3 google-fonts html5 javascript pdf project-euler triangle-numbers
Last synced: 11 Apr 2026
https://github.com/derektypist/national-contiguity
Show National Contiguity with a Force Directed Graph
Last synced: 09 May 2026
https://github.com/derektypist/build-a-fruit-search-app
Learn about the useEffect() hook by building an application that fetches fruit data from an API based on user input and displays the results dynamically.
css3 freecodecamp-project html5 react reacthooks useeffect usestate
Last synced: 07 May 2026
https://github.com/derektypist/build-a-shopping-list-app
Use the useMemo() and useCallback() hooks in React to build a simple shopping list app. Learn more about state and the lifecycle of React components.
css3 freecodecamp-project html5 react
Last synced: 10 May 2026
https://github.com/derektypist/picasso-painting
Use of Intermediate CSS Techniques
Last synced: 17 Jun 2025
https://github.com/derektypist/game-of-life
According to Wikipedia, Game of Life is cellular automation. It is a zero-player game.
Last synced: 07 Apr 2026
https://github.com/derektypist/build-football-team-cards
Learn Modern JavaScript Methods by Building Football Team Cards. This project covers concepts like switch statements, default parameters, Object.freeze(), the map() method, and more.
css3 event-listener freecodecamp-project html5 javascript
Last synced: 11 May 2026
https://github.com/derektypist/build-a-sentence-analyzer
Work with JavaScript loops by building a sentence analyzer app.
Last synced: 16 May 2026
https://github.com/derektypist/project-euler-012
The sequence of triangle numbers is generated by adding the natural numbers. So the 7th triangle number would be 1 + 2 + 3 + 4 + 5 + 6 + 7 = 28. The first 10 terms would be 1, 3, 6, 10, 15, 21, 28, 36, 45 and 55. 1 has 1 factor, 3 has 2 factors, 6 has 4 factors, 10 has 4 factors, 15 has 4 factors, 21 has 4 factors and 28 has 6 factors. We can see that 28 is the first triangle number to have over 5 divisors. Find the value of the first triangle number to have over n divisors.
Last synced: 14 May 2026
https://github.com/derektypist/dom-tag-name-jquery
Document Object Model (DOM). Similar to Get Elements By Tag Name, but using jQuery. Count the number of items in a particular tag (e.g. li) as well as getting the random item in the particular tag. The random item is of a different colour.
bootstrap css3 google-fonts html5 javascript jquery
Last synced: 10 Apr 2026
https://github.com/derektypist/project-euler-026
Find the value of d<n, for which 1/d contains the longest recurring cycle in its decimal fraction part.
Last synced: 13 Apr 2026
https://github.com/derektypist/build-a-mathbot
Work with different Math object methods by building a Mathbot.
freecodecamp-project javascript math
Last synced: 16 May 2026
https://github.com/derektypist/build-a-drum-machine
Use the audio element to build a drum machine
audio css3 freecodecamp-project html5 javascript
Last synced: 17 May 2026
https://github.com/derektypist/build-a-recipe-ingredient-converter
Learn about currying and functional programming by building a recipe ingredient converter application.
css3 currying-function-javascript freecodecamp-project functional-programming html5 javascript
Last synced: 01 May 2026
https://github.com/derektypist/build-a-real-time-counter
Work with the input event when the user types in the input field.
css3 freecodecamp-project html5 input javascript
Last synced: 09 May 2026
https://derektypist.github.io/emoji-awesome-examples/
Examples of using Emoji Awesome in terms of Electrical Devices, Health and Paris.
Last synced: 02 May 2025
https://github.com/derektypist/build-a-teacher-chatbot
Learn more about JavaScript strings by building a chatbot. Work with template literals and the indexOf method.
Last synced: 17 May 2026
https://github.com/derektypist/build-a-confidential-email-page
Create a web page using HTML and mask the content using CSS Properties.
css3 freecodecamp-project html5 transform
Last synced: 18 May 2026
https://github.com/derektypist/derek-dhammaloka-cv
A mini-project using both User Centric Development and Interactive Front End Development. Description of my CV with Interests, Contact and GitHub
bootstrap4 css3 esri font-awesome front-end-development github google-fonts html5 javascript jquery json leaflet-markercluster leafletjs meetups openstreetmap pdf resume
Last synced: 06 Apr 2026
https://github.com/derektypist/project-euler-033
If the product of the four fractions is given in its lowest common terms, find the value of the denominator.
bootstrap5 css3 googlefonts html5 javascript projecteuler
Last synced: 07 Apr 2026
https://github.com/derektypist/project-euler-035
197 is an example of a circular prime, because its rotations 197, 971 and 719 are also prime. There are 13 circular primes below 100: 2, 3, 5, 7, 11, 13, 17, 31, 37, 71, 73, 79 and 97. The aim is to find the number of circular primes below a certain number (e.g. 1000000).
bootstrap5 circular-primes css3 google-fonts html5 javascript project-euler
Last synced: 06 Apr 2026
https://github.com/derektypist/build-a-password-generator-app
Build a Password Generator app based on the user's input
freecodecamp-project javascript math
Last synced: 19 May 2026
https://github.com/derektypist/calculator
Calculator Project taken from IT Career Switch - HTML5 and CSS3 Fundamentals
Last synced: 19 Apr 2026
https://github.com/derektypist/project-euler-054
The aim is to find the number of hands Player 1 wins using the provided array.
bootstrap5 css3 google-fonts html5 javascript pdf project-euler
Last synced: 20 Apr 2026
https://github.com/derektypist/project-euler-044
Pentagonal Numbers are generated by the formula Pn = n(3n-1)/2. The first ten pentagonal numbers are 1, 5, 12, 22, 35, 51, 70, 92, 117, 145. The aim is to find the pair of pentagonal numbers, Pj and Pk , for which their sum and difference is pentagonal and D = |Pk - Pj| is minimised. Find the value of D.
bootstrap5 css3 google-fonts html5 javascript project-euler
Last synced: 03 May 2026
https://github.com/derektypist/build-a-book-inventory-app
Practice CSS attribute selectors like [attribute], [attribute=value], [attribute~=value] and more.
attributes css3 freecodecamp-project html5
Last synced: 23 Jul 2025
https://github.com/derektypist/emoji-awesome-examples
Examples of using Emoji Awesome in terms of Electrical Devices, Health and Paris.
Last synced: 09 May 2026
https://github.com/derektypist/my-own-cheatsheet
My own cheatsheet of HTML Tags
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-factorial-calculator
Use loops and conditionals to calculate the factorial of a number.
freecodecamp-project javascript loops
Last synced: 29 Apr 2026
https://github.com/derektypist/project-euler-001
Find the sum of multiples of 3 or 5 below a certain number.
Last synced: 11 Apr 2026
https://github.com/derektypist/build-a-favorite-icon-toggler
Build a Favorite Icon Toggler by utilizing JavaScript click events.
Last synced: 22 Mar 2025
https://github.com/derektypist/pyramid-generator-console
Take a number as input and generate a pyramid with many levels using a loop.
console-application freecodecamp-project javascript
Last synced: 19 May 2026
https://github.com/derektypist/build-a-page-of-playing-cards
Practice aligning elements using flexbox properties like flex-direction, justify-content, align-self and more.
css3 flex freecodecamp-project html5
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-fortune-teller
Build a fortune teller by randomly selecting a fortune from the available fortunes. Work with the Math.random() method and Math.floor() method to generate random numbers.
floor freecodecamp-project javascript math random
Last synced: 01 May 2026
https://github.com/derektypist/design-a-business-card
Create a business card and style it using CSS. Practice style properties like color, font-size, text-align and more.
css3 freecodecamp-project html5 images
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-final-exams-table
Work with HTML Tables by building a table of final exams.
freecodecamp-project html5 tables
Last synced: 14 Jun 2025
https://github.com/derektypist/design-a-blog-post-card
Design a blog card using HTML and CSS. Practice concepts like background-color, border-radius, margins, paddings and more.
background-color border-radius css3 freecodecamp-project html5
Last synced: 22 Mar 2025
https://github.com/derektypist/build-an-equation-solver
The purpose of abstract classes is to define formal interfaces - objects acting as blueprints for classes. Implement an interface in Python.
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-projectile-trajectory
Encapsulation is a core OOP principle based on writing code that limits direct access to data. Concepts include getters, setters and name mangling. Calculate a projectile trajectory.
encapsulation freecodecamp-project python
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-pyramid-generator
Learn Fundamental Programming Concepts in JavaScript by coding a Pyramid Generator. Work with strings, arrays, functions, if/else statements and more.
css3 freecodecamp-project html5 javascript
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-salon-appointment
Interactive Bash Program that uses PostgreSQL to track the customers and appointments for the salon
bash-scripting freecodecamp-project postgresql
Last synced: 02 May 2026
https://github.com/derektypist/pagination-with-margin
Example of Pagination Styles with Margins
alkali css3 html margin metals pagination transition
Last synced: 17 May 2026
https://github.com/derektypist/build-a-mood-board
Create a mood board using React. Learn how to pass data from a parent component to a child component using props.
css3 freecodecamp-project html5 props react
Last synced: 10 May 2026
https://github.com/derektypist/luhn-algorithm-python
The Luhn Algorithm is used for error-checking in various applications, such as credit card numbers. Working with numerical computations and string manipulations.
Last synced: 22 Mar 2025
https://github.com/derektypist/odin-p-css-foundations-b
Practice adding ID or Class attributes to several elements
classes css3 freecodecamp-project html5 ids odin-project
Last synced: 05 May 2026
https://github.com/derektypist/odin-p-css-foundations-c
Grouping Selectors. Odin Project CSS Foundations Exercise C.
css3 freecodecamp-project html5 odin-project
Last synced: 28 Aug 2025
https://github.com/derektypist/odin-p-css-foundations-d
Learn how to chain different selectors
css3 freecodecamp-project html5 odin-project
Last synced: 22 Mar 2025
https://github.com/derektypist/build-an-expense-tracker
Learn Lambda Functions by building an expense tracker
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-case-converter
Learn List Comprehension by Building a Case Converter Program
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-cipher-with-inputs
Similar to build-a-cipher but with inputs
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-cipher
Learn Fundamental Programming Concepts in Python, such as variables, functions, loops, and conditional statements.
Last synced: 22 Mar 2025
https://github.com/derektypist/build-a-spam-filter
Learn Regular Expressions by Building a Spam Filter
css3 freecodecamp-project html5 javascript regex
Last synced: 25 Apr 2026
https://github.com/derektypist/build-a-statistics-calculator
Array Manipulation Methods such as map(), reduce() and filter(). Handling User Input, DOM Manipulation and Method Chaining. Perform Statistical Calculations like mean, median, mode, variance and standard deviation.
arrays css3 dom-manipulation freecodecamp-project html5 javascript statistics
Last synced: 06 May 2026
https://github.com/derektypist/working-tribute-page
A working version of my tribute page
Last synced: 22 Mar 2025
https://github.com/derektypist/recipe-box
Create, Read, Update and Delete Recipes as well as ingredients and directions.
Last synced: 03 Sep 2025
https://github.com/derektypist/random-cs
Random Numbers in C#
csharp random-number-generators
Last synced: 22 Mar 2025
https://github.com/derektypist/responsive-club-website
Responsive Club Website without using Bootstrap
Last synced: 22 Mar 2025
https://github.com/derektypist/project-euler-047
Finds the first consecutive number in the consecutive numbers to have a certain number of distinct prime factors each. For example, 14 is the first consecutive number of two consecutive numbers (14 and 15) to have two distinct prime factors.
bootstrap5 css3 google-fonts htm5 javascript project-euler
Last synced: 20 Apr 2026
https://github.com/derektypist/project-euler-018
Find the maximum total from top to bottom in the triangle
Last synced: 12 Apr 2026
https://github.com/derektypist/project-euler-007
Find the nth prime number (e.g. 6th prime number is 13)
Last synced: 11 May 2026
https://github.com/derektypist/project-euler-010
Summation of Primes. The sum of the primes below 10 is 2 + 3 + 5 + 7 = 17. The aim is to find the sum of the primes below a certain number (e.g. 2 million).
Last synced: 22 Mar 2025
https://github.com/derektypist/project-euler-056
Considering natural numbers in the form of a to the power of b, where a and b are less than n, the aim is to find the maximum digital sum.
bigint bootstrap5 css3 google-fonts html5 javascript project-euler
Last synced: 16 Apr 2026
https://github.com/derektypist/project-euler-023
Find the sum of all positive numbers that cannot be written as the sum of two abundant numbers.
Last synced: 22 Mar 2025
https://github.com/derektypist/project-euler-015
Starting at the top left corner of a 2x2 grid, and only being able to move to the right and down, there are exactly 6 routes to the bottom right corner. How many such routes are there through a given grid size?
Last synced: 09 May 2026
https://github.com/derektypist/project-euler-027
Find the product of the coefficients a and b, for the quadratic expression that produces the maximum number of primes for consecutive values of n, starting with n=0. In the form of (n*n) + an + b.
Last synced: 10 May 2026
https://github.com/derektypist/project-euler-019
Find the number of Sundays that fall on the first of each month during the given years
Last synced: 18 Apr 2026
https://github.com/derektypist/navigationmenu
Example of Navigation Menu with Hover Effect
css3 gases header hover media-queries navigation solids vertical
Last synced: 13 May 2026
https://github.com/derektypist/project-euler-011
Find the greatest product of four adjacent numbers (horizontally, vertically or diagonally) in the 20x20 Grid.
Last synced: 12 Apr 2026
https://github.com/derektypist/project-euler-038
Find the largest 1 to k pandigital k-digit number that can be formed as the concatenated product of an integer (1,2,...,n) where n is greater than 1.
bootstrap5 css3 google-fonts html5 javascript pandigital project-euler
Last synced: 04 May 2026
https://github.com/derektypist/odin-p-css-foundations-a
Practice adding CSS to an HTML file using external CSS, internal CSS and inline CSS.
css3 external-css freecodecamp-project html5 inline-css internal-css odin-project
Last synced: 22 Mar 2025