@PEPERI

Y’all Ready for This??
So here is what Sentinel is about :

So basically as you know we have drainage pipes which with time develop blockages due to various reasons. These blockages right now have NO way of being detected until they cause waterlogging and cause infrastructural damage and are costly to repair. But these blockages are actually NOT UNDETECTABLE.
So here is the thing -> when the blockages start forming, the water level in the drains acts abnormally. These abnormalities can be detected by using an Anomaly Detection Model .So my entire project is based on this idea.

Here is a 3D animation I spent way too much time on.

What I worked on:

• Navbar
• Home page

Challenges:

• Still not a pro at html and css, had trouble using flex to make a horizontal navbar

Future note:

• Move whats highlighted in neon to the far most right
• continue building the app (I have a layout in Figma :))

What I worked on:

• Making the about me compatible with smaller screens

Challenges:

• Fixing the spacing so its not wonky on smaller screens

Done!

What I worked on:

• Fixing the padding for about me
• making the projects grid compatible for smaller screens (display less projects for smaller screens)
  -fix the home page so its not wonky on smaller screens
  -fixing the about me page so its not wonky on smaller screens

Challenges:

• some bugs here and there, learning how to use grid

Future note:

• continue fixing about me so its compatible on smaller screens

Fixed a gap between how to join section and made edits to page2 (home) photo

What I worked on:

• took me so long to redo the about me page
• added some projects

Challenges:

• It was hard to get the squiggly border since if I use an image of a squiggly box when screen size changes it would end up wonky

Future note:

• Add padding to about me
• compatibility for smaller screens

Just fixed the menu rect to match the background (added gradient)

I worked on this before and am continuing this project.

What I worked on:

• Fixed a bug where the background (picture of me) wasn’t covered completely and other bugs
• made it more adaptable for smaller screens (not finished)
• added a project I worked on

Challenges:

• fixing the bugs and finding solutions
• getting the smaller screens to work

Future note:

• adding more projects
• making it fully adaptable for smaller screens

Basically finished the website made it accessible for smaller screens, also the menu rect used to be an image (cause I didn’t know there is a blur function in css) so I changed that, couldn’t fit it all in the screenshot but its a whole website not just this page

Working on a community art swap! Made the overall website, buttons are functionable! Will work on replacing placeholder imgs in the how to join section