A list of all projects / links that I have created / contributed to and would like to share
Tip: Looking for a specific technology? Use
Ctrl + Fto search for a specific technology.
NOTE: The projects provided to you are not all meant to be complex but to represent and show the knowledge and understanding of how to use various technologies.
| # | Project Name | GitHub Repository | Description | Technologies |
|---|---|---|---|---|
| 1 | Random Word Generator | Link | Generate a random word | React.js, Node.js, JavaScript, HTML, CSS, TypeScript |
| 2 | Random Letter Generator | Link | Generate a random letter | React.js, JavaScript, HTML, CSS, Typescript, React-Context |
| 3 | The Grid (Class Based) | Link | Play a grid game | React.js, Redux, action-creators, JavaScript, HTML, CSS, Class-based functions |
| 4 | The Grid (Functional Based) | Link | Play a grid game | React.js, JavaScript, HTML, CSS, Functional-based functions |
| 5 | The-Wheel | Link | Spin a wheel | React.js, JavaScript, HTML, CSS, form validation |
| 6 | Random Number Generator | Link | Generate a random number | React.js, JavaScript, HTML, CSS |
| 7 | Client Side Auth | Link | An example of client-side authentication | React.js, JavaScript, HTML, CSS, Redux, Actions, Reducers |
| 8 | Text Rain Animation | Link | Cloud raining text | JavaScript, HTML, CSS |
| 9 | Doggo Form | Link | View images of dogs by their breed | React.js, JavaScript, HTML, CSS |
| 10 | Simple Speaker | Link | A ROBLOX creation free to use | Lua |
| 11 | Simple Calculator | Link | Basic calculator that uses examples of actions and reducers in React.js | React.js, JavaScript, HTML, CSS, Actions, Reducers |
| 12 | Crowd Simulation | Link | A simple ROBLOX Game Development collaboration made with a friend. | Lua |
| 13 | Floating Camera Part | Link | A ROBLOX creation used for camera manipulation | Lua |
| 14 | Regeneration Block | Link | Regenerate an instance part on ROBLOX | Lua |
| 15 | Basic Node Server Setup | Link | Literally just an example for me to look back at. | Node.js, Express, Routers, Middleware |
| 16 | BootStrap Basics | Link | Basic repo providing clear examples on how to use BootStrap | BootStrap, HTML |
| 17 | Museum of Candy | Link | A simple practice project utilizing BootStrap. | BootStrap, HTML, CSS |
| 18 | Hero Page 1 | Link | Creating hero pages With BootStrap | Figma, BootStrap, HTML, CSS |
| 19 | Pokemon Display Grid | Link | A simple application showcasing Pokémon using DOM manipulation | JavaScript, HTML |
| 20 | PingPong-ScoreKeepr | Link | A simple application that will keep track of your ping pong score | Bulma, JavaScript, HTML |
| 21 | Bulma Basics | Link | A basic repo providing clear examples on how to use Bulma CSS framework | Bulma, JavaScript, HTML |
| 22 | What Even is Bulma? | Link | Bulma CSS framework explained | Bulma, HTML |
| 23 | Bulma Blog | Link | A simple blog created with Bulma CSS framework | Bulma, HTML |
| 24 | Tesla Roadster | Link | A simple hero page created with Bulma CSS framework | Bulma, HTML |
| 25 | Television Show Search | Link | A simple project showcasing how to manipulate an API in Svelte.js | Svelte.js, HTML, CSS, JavaScript |
| 26 | The Book | Link | A project showcasing how to use BootStrap | BootStrap, HTML |
| 27 | Svelte Basics | Link | The basics of Svelte.js and how to use | Svelte.js, JavaScript, HTML, CSS |
| 28 | The Polls | Link | Create & vote in different kinds of polls with Svelte.js | Svelte.js, JavaScript, HTML, CSS |
| 29 | Color Flipper | Link | Flip the color of an element using svelte.js | Svelte.js, JavaScript, HTML, CSS |
| 30 | Stop Watch | Link | Use a virtual stop watch with Svelte.js | Svelte.js, JavaScript, HTML, Bulma, CSS |
| 31 | Basic Express App | Link | A simple application expressing how to use basic Express.js | Node.js, Express.js, Morgan |
| 32 | Express Session Example | Link | A simple express application showcasing how to use Sessions | Node.js, Express.js |
| 33 | SASS Basics | Link | Learn the basics of SCSS | JavaScript, CSS, HTML, SCSS |
| 34 | Hero Page 2 | Link | Creating simple hero pages with BootStrap HTML | Figma, BootStrap, HTML, CSS |
| 35 | Basic EJS App | Link | A simple app that shows how to use EJS (Embedded JavaScript) | EJS, Node.js, JavaScript, CSS |
| 36 | Market Street Barbers | Link | Book yourself a haircut online with Market Street Barbers. | Svelte.js, Figma, BootStrap, JavaScript, HTML, CSS |
| 37 | Color Box | Link | Change the color of different boxes using Svelte.js | Svelte.js, JavaScript, HTML, CSS |
| 38 | Berger & Associates | Link | Website redesign using Figma & EJS | Figma, EJS, Bulma, Node.js, Express.js, JavaScript, HTML, SCSS, CSS |
| 39 | Rock, Paper, Scissors | Link | A rock, paper, scissors terminal game created with python. | Python |
| 40 | Boze McKibbon | Link | Website redesign using Figma & React.js | Figma, React.js, Bootstrap, JavaScript, HTML, SCSS, CSS |
| 41 | Eldatek | Link | Modern IT Solutions Website Design | Figma, React.js, Bootstrap, JavaScript, HTML, SCSS, CSS |