Featured Project
Development
Styling
Version Control
Testing
Deployment
Languages
JavaScript
JSX
Sass
Tools
mockAPI.io
React Web Apps
Weather app
Get current, hourly, and daily weather forecasts of your current location and any place you search for.
React weather app
A live responsive web app made with React function components and hooks, styled with Sass, and deployed on Heroku.
Features
- Automatically loads weather forecasts of the user's current location
- Automatically completes the user's location search
- Supports city name, address, or postcode as search terms
- Displays current weather, 24-hour hourly forecasts, and 8-day daily forecasts
- Customised background images that indicate different weather conditions and time of the day
APIs
- Google Geocoding API
- Google Places API
- OpenWeather API
- Geolocation API
Libraries
- React
- React Google Places Autocomplete
e-Commerce jewellery shop
Browse products and add your favourites to the cart to check out.
e-Commerce Jewellery Shop
A responsive front-end web app of an online jewellery shop made with React function components and hooks, styled with Sass, and deployed on Heroku.
Features
- Supports browsing by categories
- Each product has a quick view product page and a detailed product page
- Has a slide-out cart and a check-out cart
- Automatically calculates and updates shipping fees
- Supports adjusting and deleting products in the cart
- Provides auto-complete suggestions for shipping destination countries
APIs
- mockAPI.io
Libraries
- React
Feelancer pay calculator
Keep track of work hours and calculate your earnings.
Feelancer pay calculator
A responsive web app made with React class components, styled with Sass, and deployed on Heroku.
Features
- Supports input of work hours, work minutes, and hourly rate
- Supports adding and deleting rows
- Calculates tatal work hours and pay
Libraries
- React
Text processor
Capitalise the first letter of each word. Make every letter lowercase or uppercase. All in a simple, elegant app.
Text processor
A responsive web app made with React class components, styled with Sass, and deployed on Heroku.
Features
- A tutorial on first load
- 3 text processing methods
- Allows copying to clipboard
- Customised alert box
Libraries
- React
To-do list
Write down your tasks and enjoy the satisfaction of ticking them off. Track your tasks with a simple and cool app.
To-Do List
A responsive web app made with React class components, styled with Sass, and deployed on Heroku.
Features
- Customised checkboxes
- Allows task creation, rename, and deletion
- Keeps track of the number of tasks
Libraries
- React
Kanban
Create or remove lists and cards. Drag and drop cards to a different list. Just like with Trello!
Static Websites
Colmar Academy
This is a front-end development excercise project that I completed based on a design template on Codecademy. The completed website is fully responsive on devices of various sizes.
Technology used in this project
Blog
This is a front-end development excercise project that I completed based on a design template on W3School. The completed website is fully responsive on devices of various sizes.
Technology used in this project
BR Architects
This is a front-end development excercise project that I completed based on a design template on W3School. The completed website is fully responsive on devices of various sizes.
Technology used in this project
About
Hey, I'm Silvia, a front-end developer based in London.
What's my story? I'm a veteran marketer with 10 years of experience. In 2020, I was introduced to the fantastic world of web development and decided that it is exactly what I want to do for the rest of my career.
I've mastered the front-end development fundamentals of HTML5, CSS3 and JavaScript ES6, and I'm up to date with modern libaries such as React. I'm also super excited to be learning new things every day!
-
HTML
-
CSS
-
JavaScript
-
React
-
TypeScript
Contact Silvia
Drop me an email or follow me on social media if you want to reach out!