adrianhajdin / portfolio_website Goto Github PK
View Code? Open in Web Editor NEWTutorial created by Enyel Sequeira, taught by JavaScript Mastery
Home Page: https://www.jsmastery.pro
Tutorial created by Enyel Sequeira, taught by JavaScript Mastery
Home Page: https://www.jsmastery.pro
hello, I would like to give functionality to the Button to open a new Tab.
Line 18 of Hero.js file (https://github.com/adrianhajdin/portfolio_website/blob/main/src/components/Hero/Hero.js) ...
Tried different ways but I either received an error or a button that won't respond to clicks!
If you know how to code a Button that opens a new tab I would appreciate your help!
using react -v : 18.2.0 because next js need react -v : 18.2.0 or above
after running npm run dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
info - Using external babel configuration from D:....\Reactjs\portfolio_website-main.babelrc
event - compiled client and server successfully in 5.4s (212 modules)
wait - compiling / (client and server)...
event - compiled client and server successfully in 2.7s (287 modules)
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could
happen for one of the following reasons:
The package.json file is a configuration file that contains important metadata about your project, including the project name, version number, and dependencies.
It seems like there are two issues with your package.json file: #37
Originally posted by @amangupta679 in #10 (comment)
they do work during dev, but they stop working after building , href are not generated on anchor tags.
i got it to work by adding passHref attribute on Link tags, i made a pull request if that's ok
dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER % npm i
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
added 306 packages, and audited 307 packages in 5s
45 packages are looking for funding
run npm fund
for details
2 vulnerabilities (1 moderate, 1 high)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run npm audit
for details.
dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER % npm start
[email protected] start
next start
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
Error: Could not find a production build in the '/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
at Server.readBuildId (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/next-server/server/next-server.js:151:355)
at new Server (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/next-server/server/next-server.js:3:120)
at NextServer.createServer (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/server/next.js:1:2935)
at async /Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/server/next.js:1:3360
dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER %
[email protected] start
next start
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Error: Could not find a production build in the 'C:\Personal\portfolio_website.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
at Server.readBuildId (C:\Personal\portfolio_website\node_modules\next\dist\server\next-server.js:1559:23)
at new Server (C:\Personal\portfolio_website\node_modules\next\dist\server\next-server.js:92:29)
at NextServer.createServer (C:\Personal\portfolio_website\node_modules\next\dist\server\next.js:107:16)
at async C:\Personal\portfolio_website\node_modules\next\dist\server\next.js:119:31
bash: /Users/liudong/.nvm/nvm.sh~/.ii: No such file or directory
The default interactive shell is now zsh.
To update your account to use zsh, please run chsh -s /bin/zsh
.
For more details, please visit https://support.apple.com/kb/HT208050.
192:portfolio_website-STARTER liudong$ npm run dev
[email protected] dev
next dev
▲ Next.js 14.2.1
✓ Starting...
/bin/sh: yarn: command not found
Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
✓ Ready in 3.1s
Using external babel configuration from /Users/liudong/My Project/portfolio_website-STARTER/.babelrc
⚠ It looks like there is a custom Babel configuration that can be removed:
⚠ Next.js supports the following features natively:
⚠ - 'styled-components' can be enabled via 'compiler.styledComponents' in 'next.config.js'
⚠ For more details configuration options, please refer https://nextjs.org/docs/architecture/nextjs-compiler#supported-features
○ Compiling / ...
⨯ ./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
Error: Failed to resolve "@babel/runtime/regenerator" relative to "/Users/liudong/My Project/portfolio_website-STARTER"
Import trace for requested module:
./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/client.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/hot-reloader-client.js
./node_modules/next/dist/client/dev/hot-middleware-client.js
⨯ ./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
Error: Failed to resolve "@babel/runtime/regenerator" relative to "/Users/liudong/My Project/portfolio_website-STARTER"
Import trace for requested module:
./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/client.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/hot-reloader-client.js
./node_modules/next/dist/client/dev/hot-middleware-client.js
⨯ Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async DevServer.renderToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2014:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async NextNodeServer.handleCatchallRenderRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/next-server.js:272:17)
at async DevServer.handleRequestImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:811:17)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:353:24) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async DevServer.renderToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2014:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async NextNodeServer.handleCatchallRenderRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/next-server.js:272:17)
at async DevServer.handleRequestImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:811:17)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:353:24) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async pipe.req.req (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2051:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async requestHandlerImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:389:24)
at async Server.requestListener (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/start-server.js:141:13) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
GET / 500 in 4910ms
GET / 500 in 209ms
When i finished "npm i", updated the react version and run "npm run dev", It was seem the doc can be cpmpiled. But there was no content by "Internal Server Error" on the broswer.
Contact form gets submitted even if all the fields are empty, that is not a great user experience. It would be better if there were snackbars raising empty fields issue.
> Contact form gets submitted even if all the fields are empty, that is not a great user experience. It would be better if there were snackbars raising empty fields issue.
Yes, you're absolutely right. Having a contact form that gets submitted even if all the fields are empty is not a good user experience. Users might assume that their message was sent successfully, only to later realize that the form was never submitted due to missing fields.
Adding snackbars that raise empty fields issue is a great solution to this problem. When the user clicks the submit button, the form should first check if all the required fields are filled. If any field is empty, a snackbar should appear indicating that the user needs to fill all the required fields before submitting the form.
This provides a clear indication to the user that they need to provide all the required information, making it less likely that they will accidentally submit the form without filling in all the necessary fields. Additionally, this approach can help to reduce the number of form submissions that fail due to missing information, improving the overall user experience.
Originally posted by @amangupta679 in #39 (comment)
Warning: Received
truefor a non-boolean attribute
title`.
If you want to write it to the DOM, pass a string instead: title="true" or title={value.toString()}.
at h3
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at section
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at section
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at Projects
at main
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at Layout (http://localhost:3000/_next/static/chunks/pages/index.js?ts=1629311327258:8412:23)
at Home
at Ge (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:17005)
at Theme (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:1020:23)
at App (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:821:24)
at ErrorBoundary (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:742:47)
at ReactDevOverlay (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:858:23)
at Container (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:8719:5)
at AppContainer (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:9207:24)
at Root (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:9343:25)`
This error happenes when i do npm run build i try everthing i need help
Hi,
When I try 'npm run dev' at the localhost and click the "Learn More" button, it redirects to another website correctly. But after I run 'npm run build' and deploy my portfolio on a cloud server, it won't work. I tried lots of possible solutions online but none of them is working. I do not know where the problem is.
Anyone can help? T_T
On deploying to Vercel its shows this error
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at BulkUpdateDecorator.hashFactory (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:133790:18) at BulkUpdateDecorator.update (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:133692:50) at OriginalSource.updateHash (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack-sources2/index.js:1:19148) at NormalModule._initBuildHash (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65772:17) at handleParseResult (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65837:10) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65928:4 at processResult (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65651:11) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65711:5 at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30739:3 at iterateNormalLoaders (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30565:10) at Array.<anonymous> (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30556:4) at runCallbacks (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:20166:15) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:20339:4 at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:29533:16 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }
Hey! When running the project in dev I get the following error:
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
There is some problem with the package.json file, test script is missing and also npm ERR! Failed at the [email protected] start script.
When you use too many tags that are related to your project then the content is going out of the card
Example: 'React', 'API','HTML','Css','Hooks', "Redux" ,"SQL", "Heroku", "Github", Bootstrap, Sass
This tags lists is going out of card in live demo
And i fixed this issue by using grid for the Tags component and opened pull request for it
Best lock
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v18.16.0
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.