Portfolio.
French Learning App
Created with: React, Node, Express & MongoDB
Purpose: To help French learners study the different conjugation forms of the most common French verbs.
Key features:
- Let's users practice conjugating Frech verbs with Flashcards and Tests
- Users can select one or more tenses to practice
- Users can create an account to bookmark difficult words
- Registered users can practice their bookmarked verbs separately
- Includes conjugation table for each verb
- Users can search for the conjugation of a verb by its infinitive form
- Users can change their email address, password and they can delete their account
- Includes a password reset system for those, who forget their password
- Uses a self-made API
Police Stop & Search Checker
Created with: jQuery, Sass
Purpose: Check how many stop and searches police conducted in your area and why people were searched
Key features:
- Users can check stop and search data based on their UK postcode
- Users can check data for various months and years
- Shows the total number of searches and how many resulted in an arrest
- Gives more information about the reasons for the stop and search
- Uses map.js to visualise data on a graph
- Internet Explorer compatible
- Uses Postcodes.io API to convert your postcode into coordinates
Asteroid Tracker
Created with: Node & Express (backend), JavaScript, CSS and HTML (frontend)
Purpose: See how many Asteroids there are in the vicinity of our Earth.
Key features:
- Let's users check the number of near earth Asteroids for a specified day
- Provides more information about the Asteroid, e.g. its size, speed and whether it could potentially be hazardous to us
- Includes NASA's Astronomy Picture of the Day
- Includes custom error messages featuring drawings of dinosaurs
- Uses NASA's Asteroids NeoWs API and APOD API
Brochure Websites
These pages only use HTML, CSS and JavaScript (and a bit of PHP to send emails through the contact form).
Bilingual Charity Website
View Live As this project was made for a client, the source code remains private.Skills.
Frontend
- HTML5
- CSS & SASS
- (Vanilla) JavaScript
- React
- EJS
- jQuery
- Responsive Webdesign
Backend
- Node
- Express
- PHP
Database
- mySQL
- MongoDB
Other
- WordPress
- Git & Github
- Gulp
- Figma & Photoshop
- npm
Non-coding
- Project Management
- Leadership
- Copywriting
- Video & Audio Editing
- Teaching
Certificates.
I am a self-taught web developer, who acquired most her knowledge by taking courses on LinkedIn Learning, watching YouTube videos, reading books and newsletters, listening to podcasts and of course by building apps.
Below you can see a list of the certificates I earned. Simply click on the plus button to expand the appropriate section.
- Responsive Web Design FreeCodeCamp
- Sass Essential Training LinkedIn Learning
- CSS: Enhancing Interfaces with Animations LinkedIn Learning
- Ethical Hacking with JavaScript LinkedIn Learning
- Vanilla JavaScript: Ajax and Fetch LinkedIn Learning
- Vanilla JavaScript: Animations LinkedIn Learning
- React.js Essential Training LinkedIn Learning
- React Hooks LinkedIn Learning
- React Working with APIs LinkedIn Learning
- React.js: Building an Interface LinkedIn Learning
- React: Creating and Hosting a Full-Stack Website LinkedIn Learning
- React Securing Applications LinkedIn Learning
- React Ecosystems LinkedIn Learning
- Advanced Node.js LinkedIn Learning
- Building RESTful APIs with Node.js and Express LinkedIn Learning
- Express Essential Training LinkedIn Learning
- Node.js Essential Training LinkedIn Learning
- Learning MongoDB LinkedIn Learning
- MySQL Essential Training LinkedIn Learning
- SQL Essential Training LinkedIn Learning
- PHP Creating Secure Websites LinkedIn Learning
- PHP: Accessing Databases with PDO and MySQLi LinkedIn Learning
- PHP: Object Oriented Programming LinkedIn Learning
- Ajax and PHP: Add Dynamic Content to Websites LinkedIn Learning
- PHP: Clean URLs on Apache Server LinkedIn Learning
- Learning PHP LinkedIn Learning
- WordPress: Action and Filter Hooks LinkedIn Learning
- Custom Post Types and Taxonomies LinkedIn Learning
- WordPress: Developing Secure Websites LinkedIn Learning
- WordPress: Internationalization LinkedIn Learning
- WordPress Accessibility LinkedIn Learning
- WordPress: Building Child Themes LinkedIn Learning
- WordPress 5 Essential Training LinkedIn Learning
- WordPress 5 Essential Training: Site Administration LinkedIn Learning
- WordPress Workflows LinkedIn Learning
- Programming Foundations: Web Security LinkedIn Learning
- HTTP Essential Training LinkedIn Learning
- Learning REST APIs LinkedIn Learning
- SSL Certificates for Web Developers LinkedIn Learning
- Git Branches, Merges and Remotes LinkedIn Learning
- Git Essential Training LinkedIn Learning
- PHP: Object Oriented Programming LinkedIn Learning
- Figma for UX Design LinkedIn Learning
- Figma: Handing off to Developers LinkedIn Learning
- Figma: Working with Clients LinkedIn Learning
About.
Hello! I'm Patricia and I love creating fun projects with code. When I am not working on a website or learning new skills, I like to create YouTube tutorials for fellow coders. My current videos mainly focus on creating interactive animations and interesting effects with the help of CSS and JavaScript.
Some of my videos are:
Interactive CSS background animation
Using HTML and CSS, in this video I show how to create an interactive background when the user hovers over the area. To achieve this, I use CSS animations, including the properties 'animation-play-state', 'animation-fill-mode' and 'animation-timing-function'.
Glassmorphism tutorial
This video shoes how to create the Frosted Glass effect, also known as Glassmorphism, with CSS.
You can view more on YouTube: Visit my channel.
Contact.
Thank you for checking out my portfolio! I am currently not looking for a web developer position.
ContactThis button will open your mail software.