Memory Game is a simple card game where you need to match pairs by turning over 2 cards at a time. To create this game I used vanilla(plain) JavaScript, HTML, and CSS. During the work on this project, I learned:

1. Basics about Grid and its properties.
2. How to display a particular piece of text with CSS and JavaScript by wrapping it in a span tag.
3. How to make a close button using the symbol ( ×) as the X icon.
4. Modal/pop-up windows and how to implement them.
5. How to sets or return the text content of the specified node using textContent and innerHTML property (depending on tags presence).
6. How to add the cards by using the appendChild() method.
7. Basics about code refactoring and why it is so important to clean up your code.

Feel free to follow the link below and test your memory.
Memory Game on GitHub Pages
Source code on GitHub

The Color Palette allows you to create a palette which contains from 2 to 10 color tiles. You can choose a specific color for each tile, move then, delete, and add tiles. To build this app I used vanilla(plain) JavaScript, HTML, and CSS. During the work on this project, I learned:

1. How create a tooltip that appears when the user moves the mouse over an element.
2. How to implement drag and drop functionality.
3. About a color picker and how to change colors by using input[type="color"].

Feel free to follow the link below and test.
Colour palette on GitHub Pages
Source code on GitHub

This app, created during my time at Founders and Coders, is a collaborative effort with another student. About the app:

1. Access to Global Earthquake Data: Quake Finder utilizes two distinct APIs. The first API, provided by the USGS, enables users to retrieve information about earthquakes worldwide based on latitude, longitude, period, radius, and other parameters. The second API is used to convert city names into latitude and longitude coordinates. Together, they offer a comprehensive view of earthquake activity.
2. Search and Filtering: Users have the ability to interact with the app. They can input parameters such as city names, start dates, end dates, and select a radius. Upon submitting the form, the app will generate a table containing information about all earthquakes in the specified area and time period. The table includes details about the location, date/time, and magnitude of each earthquake. Additionally, users can sort the table in both ascending and descending order based on magnitude and date by clicking on the header of the relevant column.
3. Responsive Design: Quake Finder has been designed with a responsive, mobile-first approach, ensuring proper functionality on a range of devices and screen sizes.

Feel free to follow the link below and test the app.
Quake Finder on GitHub Pages
Quake Finder on GitHub

This website, created during my time at Founders and Coders, is a collaborative effort with another student.Through this experience, I expanded my knowledge in the following areas:

1. CSS Layouts: Delved deeper into understanding and implementing various CSS layout techniques.
2. Accessibility Standards: Learned about accessibility standards and gained proficiency in using tools like Lighthouse to enhance the accessibility of web projects..
3. Responsive Design: Applied Media Queries and screen size-dependent units to ensure adaptability of content for improved readability and aesthetics across different devices.

Feel free to follow the link below:
Someliers Website on GitHub Pages
Source code on GitHub

StudyBuddy is forum for people who want to learn something new. StudyBuddy allows you to visit the rooms you are interested in, comment on, also create your own rooms and new topics. During the work on this project, I learned:

1. Basics about Django framework.
2. How to use standard Django database models.
3. How to use standard Django forms.

Tech Talk is a tutorial project. During the work on this project, I learned:

1. How to test django applications.
2. Create data with Factory Boy and Faker.
3. Work with the HTMX library.
4. How to use Bootstrap CSS.
5. How to use Lorem Picsum.