← Back to Projects
React Bootstrap JavaScript Python Google APIs

Web Development
Projects

React · Bootstrap · JS · Python
Netlify
US Roofing · Non-profit
zippy-naiad-2f973a.netlify.app
Open ↗
Loading preview…
JavaScript Google Solar API GeoCode API Google Places API CSS
Roofing Company + Roof Cost Estimator
Full client website for a US-based roofing company, including an interactive roof cost estimation tool. Users enter their address and the tool uses Google's Solar API to measure roof area and estimate installation costs automatically.
  • Integrated Google Solar API to calculate roof surface area from satellite data
  • GeoCode API converts address input to lat/lng coordinates for the Solar API
  • Google Places API powers address autocomplete in the estimator form
  • Fully responsive layout — built and deployed for a real paying client
worksim.netlify.app
Open ↗
Loading preview…
React JavaScript Netlify
WorkSim — React Web Application
A React-based web application built with component-driven architecture and state management. Deployed on Netlify with a clean, responsive UI.
  • Built with React functional components and hooks
  • Responsive layout that adapts across all screen sizes
  • Deployed via Netlify with continuous deployment
fanciful-crisp-74ea8c.netlify.app
Open ↗
Loading preview…
Bootstrap JavaScript HTML / CSS
Basic E-Commerce Website
A responsive e-commerce front-end built with Bootstrap. Features product listings, a shopping cart UI, and a clean checkout flow. Full source code available on GitHub.
  • Bootstrap grid system for fully responsive layouts
  • Product card components with hover effects
  • Cart interaction built in vanilla JavaScript
  • Full source code on GitHub
scintillating-strudel-d661ee.netlify.app
Open ↗
Loading preview…
Bootstrap 5 HTML / CSS JavaScript
Bootstrap UI Assignment
A polished Bootstrap 5 UI project demonstrating responsive grid layouts, utility classes, navigation components, cards, and forms. Live demo and full source code available.
  • Bootstrap 5 grid with nested columns and responsive breakpoints
  • Navbar, cards, modals, and form components
  • Clean semantic HTML and organised CSS
  • Full source code on GitHub
github.com/marianami19/Logs-Analysis
View on GitHub ↗
logs_analysis.py — sample output
# 1. Most popular articles of all time
get_popular_articles()
────────────────────────────────────────
"Candidate is jerk, alleges rival"338647 views
"Bears love berries, alleges bear"253801 views
"Bad things gone, say good people"170098 views

# 2. Most popular authors
get_popular_authors()
────────────────────────────────────────
Ursula La Multa        — 507594 views
Rudolf von Treppenwitz — 423457 views

# 3. Days where >1% of requests led to errors
get_error_days()
────────────────────────────────────────
July 17, 2016 — 2.26% errors
Python PostgreSQL SQL Analytics psycopg2
Python SQL Logs Analysis Reporting Tool
A Python reporting tool that connects to a PostgreSQL database containing web server logs and generates structured analytical reports. Answers three key business questions: most-read articles, most popular authors, and days with high error rates — all using pure SQL queries, no ORM.
  • Pure SQL with psycopg2 — no ORM abstraction, direct query control
  • Identifies the top 3 most-read articles from the logs table
  • Ranks authors by total combined article views across all their posts
  • Flags any day where more than 1% of HTTP requests returned errors
  • Output formatted as clean, readable plain-text reports
core query — popular articles
SELECT articles.title,
       COUNT(log.path) AS views
FROM   articles
JOIN   log
  ON   log.path = CONCAT('/article/', articles.slug)
WHERE  log.status = '200 OK'
GROUP BY articles.title
ORDER BY views DESC
LIMIT 3;
github.com/marianami19/moviesarchive
View on GitHub ↗
Flutter app screenshots Flutter favourites
Flutter Dart Android Mobile
Movie Archive — Flutter Android App
A fully functional Android app built with Flutter in one month. Browse classic films, search by name, sort by year or IMDB rating, and save your favourites. Built from scratch and tested on Android emulator — my first proper mobile app.
  • Search by movie name — live filtering as you type
  • Sort by Year or IMDB Rating with a dropdown selector
  • Favourites tab — tap the heart on any film to save it, persists across the session
  • Flutter's widget tree clicked quickly coming from a React background — components all the way down
  • Built and tested entirely on Android Emulator within one month
what i'd add next
→  Pull live data from TMDB or OMDB API
→  Persistent storage (favourites survive restarts)
→  Movie detail screen with cast, synopsis & trailer
→  iOS build and App Store submission