I have added pagination system in My Files page.

Fixes #2

Type of change

• [x] New feature (non-breaking change which adds functionality)
• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules

Add a dynamic 3D globe in the hero section of the landing page instead of the static globe png. (try to use three.js)

Reference repo link: https://github.com/nenadV91/Threejs-globe

Color: #00ffa8

Reference image:

Description

I added a scroll back to top button to scroll back to the landing page immediately on click. An extra dependency added is react-icons, for the uparrow material icon. Formatting has been changed in the process in some files as I was using a formatter in my code editor.

Fixes #37

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules

Description

when uploading files, if you are uploading a file (same one or an other one) with the same name, it'll be stored. The user must be advertised and specify his intention

Reproduction URL

https://github.com/ThomasSed/Storz

Reproduction steps

1. Go to "home"
2. Click on "upload"
3. upload a file
4. do the 3 first steps a second time, with the same file (for example) 
5. go to your repository, you must see 2 files with same name

Screenshots

![DESCRIPTION](LINK.png)

Logs

No response

Browsers

No response

OS

No response

Start Date

No response

Implementation PR

No response

Reference Issues

No response

Summary

I want to create a scroll back to top button for this website, as it is of multiple pages. I want to make this contribution under hacktoberfest'22.

Basic Example

My feature will help in returning back to the landing page, once the button gets clicked.

Drawbacks

My feature will help in returning back to the landing page, once the button gets clicked.

Unresolved questions

No response

Add a sorting feature to the My Files page.

For example:

• Sort by Upload date ( ascending or descending )
• Sort by File names ( alphabetically )
• Sort by File size ( smaller or larger )

Description

Having the navBar sticky, especially on the login and after the login page (upload part) will help users navigate easier and look cleaner.

Reproduction steps

1. Go to 'https://storz.pages.dev/'
2. Scroll down
4. See the navBar is gone and there is no option to sign in or upload.

Screenshots

No response

Logs

No response

Browsers

Chrome

OS

Windows

Description

This defined coding standards (code quality) and formatting styles. This was done to help collaborators follow the same style to avoid inconsistency and quality of code. To do this, ESLint was used as a linting tool for code quality and prettier was used as a formatting tool. The standard extended is the Airbnb JavaScript style guide. As a result, ESLint and its peer dependencies.

Fixes #60 (issue)

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update
• [x] Chore: update coding style/standard

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [ ] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [x] Any dependent changes have been merged and published in downstream modules

Description

The application now will have an enhanced user experience while navigating through Files Section when the file name is too large

Mobile:

Desktop:

Even when the file name is not that large, for mobile devices the Ellipsis truncation is done for better visualization:

Fixes #56

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my own code
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [ ] I have added tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes
• [ ] Any dependent changes have been merged and published in downstream modules

Description

The project needs to be linted. It can use the Eslint linter and the AirBnB JavaScript standard guide. To make sure that contributors use the same style and some best practices, lining the project is necessary.

Example

ESlint can enforce one to use const keyword when the variable is not meant to be reassigned and let, if otherwise.