hamdrive / fueledup

FueledUp is the one-stop shop for your team merch needs!

Hi there 👋, I'm Hamza

An ambitious Full Stack Web Developer from Mumbai, India

Here are some facts about me:

• 👩‍🎓 B.Engg degree in Mechanical Engg.
• 🧠 Developer born in the Pandemic (2020)
• 👩‍💻 Web dev enthusiast, Blogger extraordinaire
• 🌱 Learning to build with React
• 🏎 Sunday's are for racing only

Find out about my professional life here:

Connect with me:

What I'm good at:

 

fueledup's Issues

Update stylings to Products page

As products and Wishlist page share the same products card, there are some changes that were implemented on the wishlist page that can also be done on Products page.

1. Change height values
2. Add auto margins
3. Apply grid styling properties
4. Apply media queries to dynamically size cards for different screen sizes

For Issue Demo in team : [fix] Content in cards breaking flow

Noticed that cards used in the products page seem to be breaking their flexbox sizing when viewing in mobile screen.

Chore:

1. use flexgrow
2. set max width using media queries for card and its contents

Link to other pages missing (buttons, texts, icons)

Noticed that some elements which are supposed to redirect to other pages seem to be missing their URL inside the href attribute.

Chore:

1. Check and ensure links are present wherever needed

[fix] Layout of Signup page inputs

Noticed that since we are accepting lots of inputs from the user, the UI on desktop does not seem that great.
As it looks like one long form, possibly discouraging the user from filling up the details.

Chore:

1. Use grids from the best library in existence PowertrainUI™ and consider using a 2 grid column layout

Common stylings in one css file

As I have overridden the CSS utility class being imported from PowertrainUI™, I would like to create a common CSS file wherein all those overriding classes are stored, thus easily accessible and can be applied across all pages easily without repetition of code.

Searchbar buttons icons breaking navbar

The searchbar used in FueledUp™ seems to take up more height than supposed to, also causing the buttons located on navbar to break out of position.

Hence will be doing the following fixes:

1. Change the size of searchbar
2. Refactor buttons position and their content accordingly
3. Refactor Icons and their badges
4. check for unneccassary padding

General code cleanup

Noticed a lot of empty classes or class variables which are not applying any properties on HTML elements.
Will be combing through the code accordingly and clean it up to the best of my ability

Chores:

1. Clean up code, unwanted and unused classes
2. Reorganize CSS files and properties
3. Check content in all pages for syntax or missing content

Checkbox & Radio button group not linked

Implemented in the Products page of FueledUp™, on clicking any radio button it only triggers the very first one.
This is clearly because of radio button groups are not properly differentiated.
Same issue exists for checkboxes

Fixes:

1. Group radio buttons accordingly. Same for checkbox
2. link each radio button to their respective labels, same for checkbox

[refactor] Information collected in signup/login window

For the signup window, we can also allow the user to enter their first and last name, which can later be used during cart checkout.
Additionally we can provide the ability to toggle visibility of password field

Chore:

1. Add input fields for firstname and lastname
2. Allow user to toggle password visibility

Inconsistent spacing/padding/margin in website

I have noticed parts of the website wherein there is inconsistencies in the spacing/padding/margin in components of the site.

Chore:

1. Check spacing/padding/margin for all components
2. Check spacing/padding/margin for all webpages

Wishlist button in product cards

It would be great if the product cards shown on Product page has the Add to Wishlist btn as well.

Chores:

1. Add Wishlist button to cards