I am currently learning React. I am also learning Python.
Here is a list of some projects I have done, starting from easiest to hardest in chronological order.
Project | Title | Description |
---|---|---|
Project 1 | Macaroni and Cheese Recipe | A webpage built purely in HTML showcasing HTML Text fundamentals such as Headings, Paragraphs and Lists. |
Project 2 | Table Tennis Leaderboard | A web page built purely in HTML to showcase a Table Tennis tournaments results, by using HTML table elements and Image elements. |
Project 3 | Profile Badge | A web page built in CSS and HTML that shows our details as well links to our socials and links us to an email. |
Project 4 | Burger Menu | An online menu for a Burger Restaurant built in CSS and HTML that utilizes lists and positioning. |
Project 5 | Photo Carousel | A Photo Carousel built in CSS and HTML that allows us to scroll to various images thats the the link tag. |
Project 6 | Signup Modal | A realistic looking Signup Modal using CSS and HTML that was built using the form element. |
Project 7 | Portfolio Website | This very website that you are currently on! Tt was built in HTML, CSS and a bit of JavaScript too. |
Project 8 | Drop Down Menu | A responsive drop down menu that looks great on Desktop, Tablet and mobile. This project was built using HTML, CSS and JavaScript. |
Project 9 | Rating Widget | A simple and friendly rating widget built in JavaScript that changes face from sad to happy, based on the rating you choose to give. |
Project 10 | Temperature Converter | A JavaScript Temperature Converter that allows you to switch from various units and select one from a drop down, in order to convert values. |
Project 11 | Move Bob | A fun project that allows us to move Bob around on the screen based on what key we press on our keyboard. |
Project 12 | Color Generator | A professional looking dashboard that allows us to randomly generate color palletes using JavaScript, CSS and HTML. |
Project 13 | A Countdown Timer | A countdown timer that will show us the time we have left, and give us a surprise when the time runs out. |
Project 14 | Task Dragger | A JavaScript widget that allows us to Drag and Drop elements into different elements. |
Project 15 | Kaban Board | A Kanban board built in JavaScript that will allow us to drag tasks based on if they are started, in progress or finished. |
Project 16 | Falling Hearts | A fun project utilising Classes in JavaScript resulting in Hearts randomly falling in our browser. Each Heart has a different speed, color and position. |
Project 17 | Pomodoro Timer | A classic Pomodoro Timer built in JavaScript that will let us add tasks and delete tasks. we can start our timer for a task, pause it, and the task will also be automatically deleted once the timer finishes. |
Project 18 | Random Beer Generator | A JavaScript project practising the use of API's by buildign a random Beer Generator thanks to BrewDogs API. |
Project 19 | Credit Card Form | A Credit Card form built in react that will update a mock up card based on the inputs we feed. It will also change the card based on if the numbers are for an Amex, Mastercard of Visa card. |
Project 20 | Weather App | A weather widget using a RESTful API that will get us the weather for the week and allow us to covert from Celcius, Fahrenheit, and Kelvin as temperature units. |
Project 21 | Authentication | A signup form for us to practise our knowledge on Authentication. |
Project 22 | Travel App | A Travel App that allows user to sign up to add their own travel experiences, edit their experiences, delete experiences aswell as see all other peoples experiences. This application was built using react for the frontend, Node.js for the backend and a Datastax database. |