Skills
HTML
3 Years Experience
CSS
3 Years Experience
JAVASCRIPT
3 Years Experience
VERSION CONTROL
3 Years Experience
NodeJS
2 Years Experience
Terminal
2 Years Experience
Figma
3 Years Experience
ReactJS
Learning
Projects
FullStack
Shoe Catalogue
HTML
CSS
JAVASCRIPT
ALPINE JS
AXIOS
This project solves the logistical issues for inventory on hand for small e-commerce store owners. By allowing store owners to order inventory before it runs out to ensure product is always on hand but overbuying does not occur.
FRONTEND
Card details form
HTML
CSS
JAVASCRIPT
Users should be able to fill in the form and see the card details update in real-time, receive error messages when the form is submitted if, any input field is empty, the card number, expiry date, or CVC fields are in the wrong format, view the optimal layout depending on their device's screen size see hover, active, and focus states for interactive elements on the page
intro section with dropdown
HTML
CSS
JAVASCRIPT
Users should be able to view the relevant dropdown menus on desktop and mobile when interacting with the navigation links, view the optimal layout for the content depending on their device's screen size and see hover states for all interactive elements on the page
qr code component
HTML
CSS
challenge is to build out this QR code component and get it looking as close to the design as possible.
Rest Countries Api With Color Theme Switcher
HTML
CSS
JAVASCRIPT
ALPINE JS
Users should be able to see all countries from the API on the homepage, search for a country using an input field, filter countries by region, click on a country to see more detailed information on a separate page. Click through to the border countries on the detail page. Toggle the color scheme between light and dark mode.