Git Product home page Git Product logo

kimberleyevans-parker.github.io's Introduction

Hello there ๐Ÿ‘‹

Welcome to my GitHub repository, where you can have a look at the projects I've been working on.

Or another way to see what I've been working on is to visit my website.

A bit about me: I'm a software engineer at Xero. I have completed university, studying Computer Systems Engineering, conjoint with Science; Logic and Computation. During this I learnt a range of programming languages, as well as logic, mathematics, proofs and electrical systems. I love problem solving and programming, which has lead to an interest in robotics, coding and algorithms. I also enjoy design and I am good at coming up with creative solutions and work well in a team.

Kimberley's GitHub Stats
Kimberley's Language Stats

kimberleyevans-parker.github.io's People

Contributors

dependabot[bot] avatar kimberleyevans-parker avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

kimberleyevans-parker.github.io's Issues

Ensure carousal images are the same size

Is your feature request related to a problem? Please describe.
There is black space at the bottom of smaller images, which is visually unappealing

Describe the solution you'd like
Force images to be the same size

Additional context
Change the images used to be all the same size

Add React template

Is your feature request related to a problem? Please describe.
At the moment there is no template (only one file, no method of linking multiple pages) and only HTML and CSS is used

Describe the solution you'd like
A React template set up so that the different pages can be created from them

Additional context
Ideally have the desired pages (probably the welcome page, about and projects) linked up

Add 404 page

Is your feature request related to a problem? Please describe.
If you go to a page not listed, it is just blank

Describe the solution you'd like
Create a 404 page

Additional context
Can be simple for now

Word wrap on About page on mobile

**Which page does this graphical issue relate to? **
About

Is your feature request related to a problem? Please describe. (if applicable)
Walter mentioned the text is annoying to read on mobile when it starts on the right and switches over to the left

Describe the solution you'd like
On small screen, centre the image and start the paragraph below it

Navbar dropdown menu not opening

Describe the bug
In smaller views, the navigation bar's dropdown menu doesn't open when the button is clicked

To Reproduce
Steps to reproduce the behavior:

  1. Go to the about page
  2. Make the window narrow enough so you don't have access to all headings
  3. Click on the button with the triple line
  4. The menu doesn't open

Expected behavior
A drop down menu should appear when this button is clicked

Desktop (complete the following information if applicable):

  • OS: All
  • Browser: All

Allow scrolling

Is your feature request related to a problem? Please describe.
When the window is too small, content gets cut off

Describe the solution you'd like
For the content to be able to scroll (but not the background or header)

Change navbar& bullet point colours to match background theme

Is your feature request related to a problem? Please describe.
Navbar colour doesn't match background colours

Describe the solution you'd like
For the navbar colour, bullet points (and associated colours), to change so that they fit with the theme

Additional context
Would be nice if a variable was created so the colours can be changed easily if needed

Prevent Navigation bar from scrolling

Is your feature request related to a problem? Please describe.
The navigation bar goes off-screen when I scoll down

Describe the solution you'd like
Fixt he navigation bar in place so that it does not scroll off the page

Change headings to be more descriptive

Webpage
About

Content
The headings 'Programming Languages' and 'Values' don't match the content; would like to change these to 'Technologies' and 'Qualities' or something similar
Would also like to change the Values bullet point sentences to all start with a capital

Create favicon

**Which page does this graphical issue relate to? **
Tab bar

Is your feature request related to a problem? Please describe. (if applicable)
Favicon is the generic react one

Describe the solution you'd like
A personal favicon

Additional context
Maybe a K of some kind?

Awards Page

Is your feature request related to a problem? Please describe.
It doesn't mention winning the hackathon anywhere

Describe the solution you'd like
Add a page of the awards/achievements you've received/accomplished

Additional context
Can use the same formatting and components as the projects page

Change title of website

Is your feature request related to a problem? Please describe.
The website title is currently 'React app'

Describe the solution you'd like
The website title should be more descriptive, e.g. 'Kimberley'

Add fade in to Projects page

Is your feature request related to a problem? Please describe.
The other pages fade in, but the projects page doesn't

Describe the solution you'd like
I'd like the projects page to fade in, with the left column fading in from the left, and the right from the right

Additional context
If possible, delay following projects to fade in slightly after previous ones

Reafactor magic numbers in time delay

Is your feature request related to a problem? Please describe.
Every time a new project is added, all the time delay numbers below it need to be changed

Describe the solution you'd like
A function or map something similar that gets the correct time delay without it having to be hard-coded

Additional context
This will affect the Projects page and the Awards Page.

Add downloadable CV to website

Is your feature request related to a problem? Please describe.
There is no place on my website to view or download my CV

Describe the solution you'd like
Have a place on the website where a visitor is able to download my CV.

Additional context
May be nice to also have the option to view my CV

Add Feedr images

Webpage
Projects

Content
I would like images or gifs displaying the Feedr project

Project component

Is your feature request related to a problem? Please describe.
There will be many projects for the project page and potentially more in the future, so I'd like an easy way to make many/add more

Describe the solution you'd like
Add a React component that can be used by the Projects page to add multiple projects.

Refactor window resizing detection

Is your feature request related to a problem? Please describe.
Several pages/components use the window resizing detection, causing code duplication.

Describe the solution you'd like
The width/height is determined in a parent component and passed into the other pages/components as parameters

Resizable Project component

Is your feature request related to a problem? Please describe.
The project component doesn't look nice in smaller window sizes

Describe the solution you'd like
When the window is resizes, the Project component resizes itself so it still looks nice

Refactor image on left/right

Is your feature request related to a problem? Please describe.
Each time a new content item is added (i.e. a project or award), the image on left parameter has to be specified and potentially changed to be opposite to the surrounding items.

Describe the solution you'd like
A function similar to that which calculates the delay time, to determine the side the picture is on.

Remove Contact page and add links

Is your feature request related to a problem? Please describe.
The contact page is currently the template page.

Describe the solution you'd like
The contact page should be removed. In place of the Contact link in the navbar, there should be icon links to Github and Linked In.

Remove magic numbers

Is your feature request related to a problem? Please describe.
There are magic numbers, which sometimes all have to be changed if one changes

Describe the solution you'd like
A single file containing the constants and all magic numbers replaced with variables in that file.

Resize bulletpoints

Is your optimisation request related to a problem? Please describe.
Bullet points take up too much disk space - image size should be smaller

Describe the solution you'd like
Reduce the image size of the file to 64px^2

Add Volunteer Work Page

Webpage
Experience - Volunteer

Content
Add a new link to the sub-navbar under the experience page called Volunteer. This should contain all the volunteer work I've done

Add link to project component

Is your feature request related to a problem? Please describe.
There is no way to view a project in greater detail

Describe the solution you'd like
For there to be a way to click on a link in a project, which will take you to a relevant website

Additional context
Could have the GitHub link displayed separately to another link (if there are any)

Work Experience

Describe the solution you'd like
Add a page of work experience

Additional context
Can relate/be the same content as your CV

Compress images to improve performance

Is your feature request related to a problem? Please describe.
Some of the images are bigger than they need to be and take too long to load

Describe the solution you'd like
Compress or reduce the size of images that are bigger than they need to be

Additional context
The favicon and the background image are the main ones that need reducing

FadeIn delay is not working as intented

Describe the bug
A clear and concise description of what the bug is (observed behaviour).
The content appears, then disappears after the delay-time, to start the fade in

To Reproduce
Steps to reproduce the behavior:

  1. Go to the website
  2. Click on awards or projects
  3. See error

Expected behavior
The content should be invisible until the delay time has passed, where it should fade in

Allow images to be passed into project

Is your feature request related to a problem? Please describe.
The Projects page would look better with relevant images

Describe the solution you'd like
Allow one, multiple or no images to be passed into the Project component

Add a technologies section to each project

Is your feature request related to a problem? Please describe.
It can be hard to quickly find what technologies each project uses

Describe the solution you'd like
An easy way for a visitor to see which technologies are used

Additional context
This could be in bullet point form
It may be useful to create an Enum?
This might also be used in future as a way of sorting the projects

Adjust spacing to account for bigger font size

**Which page does this graphical issue relate to? **
All

Is your feature request related to a problem? Please describe. (if applicable)
The font-size was made bigger in an earlier PR. Unfortunately this cause issues with some things, like the spacing on the About page to be slightly out and the navbar looking bad at a particular width.

Describe the solution you'd like
Adjust the spacing on the About page and change the small -screen view to be a larger number of pixels to account for the bigger font.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.