anomic30 / storz Goto Github PK
View Code? Open in Web Editor NEWAdvanced Web3 file storing and sharing application.
Home Page: https://storz.pages.dev
License: MIT License
Advanced Web3 file storing and sharing application.
Home Page: https://storz.pages.dev
License: MIT License
If the user is hovering over Storz image in the nav menu and clicks it, it doesn't do anything. Remove the hover or add a scroll up event
1. Go to https://storz.pages.dev/
2. Hover the Storz image in the nav menu on the top left
3. Click it
4. Nothing happens
No response
No response
Chrome
Windows
Given that the routes have grown and will be growing in the future. It is necessary to have
This way route and middleware are separated from the index file, thereby making it smaller, and cleaner.
Example:
-middleware/
--error.middleware.js
--another.middleware.js
--index.middleware.js // import all middleware and use them and export an instance of all the used middleware
Same for routes.
02-10-2022
No response
Every time i logout for logging in again i have to click on the magic link there might a a need to have a simple user password system along with the magic link which might be useful for regular users to not have to go and click on the magic link everytime they need to login
implementing a email password verification system along with the magic link system
a seperate page and seperate routes and controllers to for loggin in with email and password instead of magic link
a lot of small changes might have to be made throughout the project as a new authentication system is being added
No response
Currently, all the active API routes are in a single folder. It would be better to organize those routes and maintain a proper folder structure.
There is a small overflow issue. You can scroll horizontally in both the web and mobile versions.
I want to add valuable contributors to readme.
Please assign it to me under hacktoberfest.
No response
No response
No response
π function that should be able to catch errors and show the appropriate message properly
.
.
No response
Add mobile as well as tablet view responsiveness to the main app.
Make sure to follow the proper CSS naming conventions.
Currently, the application has set a width equal to 100%, even for mobile devices, which leads to content too attached to the margin of the page.
https://storz.pages.dev/app/myFiles/desc
1. Go to 'https://storz.pages.dev' (width < 975px)
2. Click on 'Sign in'
3. Enter a valid email
4. Go to Files section
5. Click on file name
6. Containers have no margin set
No response
Chrome
Windows
Having the navBar sticky, especially on the login and after the login page (upload part) will help users navigate easier and look cleaner.
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.
No response
No response
Chrome
Windows
No response
No response
No response
Create new files where we insert business logic from routes. I mean, pull that blocks of code where it's used mongoose's models out and put it in services files. If you agree with this request, I'd appreciate you can assign me this task.
A common example is when a User is created, that logic which we used, encapsulates in a function from service, then call it in the routes/services. In that way, we are just concerned about calling the function and not how it works.
Example:
Before
const user = new User({
magic_id: magic_id,
email: email,
user_name: user_name,
encryption_key: encryption_key,
files: []
})
await user.save();
After
const user = UserService.create(magic_id, email, user_name, encryption_key, files);
Decoupling services are essential for the app, in that way we can become the code more scalable and easier for testing, if the controller handled the whole application's logic and the request-handling logic, it would start to become really hard to test. Furthermore if at some point we want to migrate our database just we would have to create a new file and write the logic with the new database.
No response
The project needs a pre-hook commit that will run to lint and format the change to the project before it gets committed to git.
Given that linting and formatting have been configured for the project, setting up a pre-commit hook
will help lint and format changes on committing.
No response
No response
No response
Adding a login button instead of use now because it is more intuitive and the website becomes easy to use. Please assign me this issue. #hacktoberfest
We have to remove the use Now button
No response
No response
π There is no button to go back from signin page , assign this task to me
No response
add go back option
it would be better to have go back option
user will not be able to go back one's he/she go to that signin page, yes there is option to go back using system functions , but it would be better to have go back option
No response
Setup a basic console/terminal messages/logs to show when HTTP requests are made and when the app is running. This way it helps with debugging especially during development.
When a request is sent: The request methods, endpoint and status code would be logged to the console. The standard logger would be used instead of console.log().
The files tab has a very squished look on a phone. Some margins and separations might be added to keep it clean.
Here's what it currently looks like.
https://storz.pages.dev/app/myFiles
1. Go to 'https://storz.pages.dev/app/myFiles'
2. Switch to a smaller screen in devtools
4. See the issue
![DESCRIPTION](LINK.png)
No response
Firefox, Chrome, Safari, Microsoft Edge
Windows, Linux
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:
No response
No response
No response
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.
My feature will help in returning back to the landing page, once the button gets clicked.
My feature will help in returning back to the landing page, once the button gets clicked.
No response
Trying to Login and getting this error in console.
https://github.com/anomic30/Storz/
1. Go to 'LogIn'
2. Click on 'Login button'
3. Open console
4. See error
No response
Chrome
Windows
Currently, the application doesn't manage special characters like 'Γ³', 'Γ‘', 'Γ©', 'Γ', 'ΓΊ' in an effective way.
https://storz.pages.dev/app/myFiles/desc
1. Go to 'https://storz.pages.dev' (width < 975px)
2. Click on 'Sign in'
3. Enter a valid email
4. Once logged in, upload a file with special chars in the name
5. See that once uploaded, the conversion is not being managed in an effective way
No response
No response
No response
No response
The files information page has a bad responsive design and on smaller screens/devices, the website will start to break. I believe that the root cause of this is that at smaller screens, the buttons will run out of room and start invading the padding and margin of its parent div. Allowing the button to wrap at a smaller size, it can provide it with more room and space to work with on a new line.
Here is what it looks like currently
This is my proposed design:
https://storz.pages.dev/app/myFiles/desc
1. Go to https://storz.pages.dev/app/home
2. Upload a file to the IPFS network
3. Go to https://storz.pages.dev/app/myFiles and open the file
4. Open devtool and adjust width to less than 420px
4. See the issue
See in description
No response
No response
No response
Whenever the app reloads it goes to the login page and stays for 2-3 seconds before redirecting to the target page.
1. Login
2. Go to my files and reload the page.
No response
No response
No response
No response
Add pagination in the table view of the My Files page.
No response
No response
No response
A rate limiter can be added to the backend to avoid slowloris attacks.
This would avoid unnecessary open requests to server
It would limit requests per second from same ip (value can be changed though)
No response
In this issue I just want to include a small detail in the readme of the project
I raised this issue as i faced an error which got resolved after renaming the files. So either we can rename the files or inform the contributor in readme about renaming the file.
No response
No response
No response
The current structure of the API routes has the controller functions and its data accesing tightly coupled together. This development design will not allow further easy integration to any other database that is not mongodb/mongoose without changing the entire API route functions. Suggestion:
[] A separate folder for all the controllers
[] A separate folder as the data repository (where different databases data query/ mutaions functions are define)
For example
The route that login in the user first queries the data dabase using the mongoose findOne method on the User Object... this direct calling of mongoose method within the route controllers had directly coupled the sytem to mongodb/mongoose as the defualt database. The challenge to this is that in the nearest future if other other databases are to be integrated into the system, the change will not only be done on the database connecttion config file but also across the entire routes controllers thereby making such integration a diffult one. But having a separate repository that is resposing for the direct communication of the database method before being used by the controller will enable easy inegration.
This development design will not allow further easy integration to any other database that is not mongodb/mongoose without changing the
No response
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.
ESlint can enforce one to use const
keyword when the variable is not meant to be reassigned and let
, if otherwise.
Add a filtering feature to the My Files page.
For example :
09/04/2022
No response
No response
Below are some of my proposed changes
/api/user/
/api/user/login
/api/user/files
File Structure after refactoring into MVC would look like this -
controller/
userController.js
uploadController.js
downloadController.js
model/
routes/
user.js
download.js
upload.js
test.js
index.js
package.json
Doing Refactoring to MVC only increases the require() lines and increases the number of files. Except that there is no other problem
No response
Currently, we are using a custom npm package for the encryption/decryption of the files. This package doesn't have proper asynchronous methods. So we would like to create our own custom functions which are asynchronous and error-free. These functions should be able to catch errors and show the appropriate message properly.
No response
No response
No response
Can we add about page for this I need to discuss content for about page
we can add about app what does app do team photos in about
Need for content help
No response
everything is in the title.
Must only delete the selected file
https://github.com/ThomasSed/Storz
1. Go to repository
2. Click on a file
3. Click on the trash button
4. accept
5. Go back to repository
![DESCRIPTION](LINK.png)
No response
No response
No response
09/04/2022
No response
No response
Want to add some middleware that will prevent cross-site scripting and NoSQL query injection.
Also want to implement a global error handler, which means after catching errors all over the application we send the error to a global error handler which will decide what to do with it.
Let on user.js we get an error which will go to catch section
e,g
try{
//......
}catch( err) {
next( err) // calling the global err handler
}
And in index.js we have the global error handler which will be called
index.js
app.use( (err, req, res, next) => {
res.status( err.statuscode) . json( {
data: err.message
})
});
There is no drawback of adding above features
No response
Navbar is wrapped inside a div whereas it should be wrapped inside nav semantic HTML tag in Navbar.jsx
https://github.com/its-puneet/Storz/blob/main/client/src/components/navbar/Navbar.jsx
1. Go to 'main repo'
2. Click on 'Fork'
3. Go to "Reproduction URL"
4. See error
![DESCRIPTION](LINK.png)
No response
No response
No response
Pressing enter on sign-in/log-in doesn't do anything. After looking briefly on the sign-in/login-in modal, I think the problem is that it's not using a form. I think this is bad for overall user experience.
https://github.com/chaaals/Storz
1. Go to sign-in/log-in page
2. Simply type in your information
3. Upon clicking enter~
4. It doesn't do any action
No response
No response
No response
No response
No response
No response
No response
having a back to top function button at the bottom of the webpage to allow users to get back to top quickly
button that will return to top when clicked
where to place it
No response
Currently the Files section actives the horizontal scrolling when a file name is too big
https://storz.pages.dev/app/myFiles
1. Go to the Storz app https://storz.pages.dev/
2. Login
3. Add a new file with a large name
4. See behavior
![image](https://user-images.githubusercontent.com/48018975/193726016-74c69263-7c1f-4f13-8045-83a1b36d005f.png)
No response
Chrome
Windows
A function that should be able to create to catch errors and show appropriate messages.
Current code base is using local storage for storing the DID token, however it is not a good practice as it can be accessed by browser's JavaScript. Instead of that we can use httpOnly cookies to store them.
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
https://github.com/ThomasSed/Storz
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
![DESCRIPTION](LINK.png)
No response
No response
No response
Each and every time I am uploading a file it is showing me the below image. what that x
sign mean and there were no error message as well.
no
1. Go to the website
2. Click on upload files
4. See error
No response
Chrome
Linux
Add a sorting feature to the My Files page.
For example:
The error handler and how errors are handled need to be fixed.
http://localhost:8080/api/user
or http://localhost:8080/this-does-not-exist
try ... catch
were used to hand asynchronous errors. We can get rid of it and make the code more cleaner and maintainable. This way once can 'throw new Error' and it would be handled, also an unhandled exception would be captured. This will help us remove multiple try...catch
in all the route handlers.What if we add Docker
to this project so that anyone can spin up the entire project without any hustle. Please let me know your thoughts on this.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.