chetanverma16 / react-portfolio-template Goto Github PK
View Code? Open in Web Editor NEWModern React Portfolio Template (FREE)
Home Page: https://react-portfolio-template.netlify.com/
Modern React Portfolio Template (FREE)
Home Page: https://react-portfolio-template.netlify.com/
Bro there was an error. the website was not hosted properly.
Hi nice job! Just a question, if someone were to put in /blog after the URL, wouldn't the route still exist? We are only removing the button here. Maybe we can work on this enhancement later. A very minor issue tbh, great work on the commit ๐
Originally posted by @Aryan3212 in #50 (comment)
yourData.js
such as hideBlog
Header/index.js
) And Conditionally Render the Blog based on the hideBlog
ValueHey, I was just wondering how should I get rid of the custom cursor. It makes the website feel sluggish and slow. I tried removing certain conditions and statements but it just created more errors. Is there a way to remove the cursor with minimal lines changed?
definitely rerenders when rezising but its not displayed nicely.
Hi Chetan!
I want to make a pull request that addresses a responsiveness issue on the blogs index page. The fixed size of the entries meant that they overlapped on each other if the screen was small. I think using a flexbox would address this issue effectively unless you have other design considerations for using grids.
I really loved the design of your portfolio(the previous version) and forked so I could use it for myself.
addition of a sticky top navbar for user experience
I tried to open a PR for this, but recommend adding /pages/_document.js with the following content. The purpose is to assist with accessibility by adding lang= to the HTML tag and also add meta name and description to help with SEO.
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (
<Html lang="en"> {/*Update your language to assist with accessibility*/}
<Head>
<meta name="description" content="" /> {/*Fill in a description of meta data to help with SEO*/}
<meta charSet="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/favicon.ico" />
{/* Add any additional meta tags or links here */}
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
Hi. Great template!
I'd like to have the blog link redirect to the md files in the project as it does in the demo but not sure how to do that.
Any suggestions?
Have followed instructions on installing dependencies following clone using yarn however keep coming across errors.
Could this be due to breaking updated dependencies that haven't been updated in package.json?
Here's my stack trace:
yarn install v1.22.18
[1/4] ๐ Resolving packages...
[2/4] ๐ Fetching packages...
[3/4] ๐ Linking dependencies...
warning "gatsby > @typescript-eslint/eslint-plugin > [email protected]" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "gatsby > eslint-plugin-graphql > graphql-config > @endemolshinegroup/cosmiconfig-typescript-loader > [email protected]" has unmet peer dependency "typescript@>=2.7".
warning "gatsby-plugin-sass > [email protected]" has unmet peer dependency "webpack@^3.0.0 || ^4.0.0".
[4/4] ๐จ Building fresh packages...
[-/15] โก waiting...
[9/15] โก sharp
[12/15] โก mozjpeg
[10/15] โก node-sass
error /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-sass
Output:
Building: /opt/homebrew/Cellar/node/16.3.0/bin/node /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli '/opt/homebrew/Cellar/node/16.3.0/bin/node',
gyp verb cli '/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed at getNotFoundError (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:195:21)
gyp verb `which` failed python2 Error: not found: python2
gyp verb `which` failed at getNotFoundError (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:195:21) {
gyp verb `which` failed code: 'ENOENT'
gyp verb `which` failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` failed Error: not found: python
gyp verb `which` failed at getNotFoundError (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:195:21)
gyp verb `which` failed python Error: not found: python
gyp verb `which` failed at getNotFoundError (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:13:12)
gyp verb `which` failed at F (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:68:19)
gyp verb `which` failed at E (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:80:29)
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:89:16
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/index.js:42:5
gyp verb `which` failed at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/mode.js:8:5
gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:195:21) {
gyp verb `which` failed code: 'ENOENT'
gyp verb `which` failed }
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack at PythonFinder.failNoPython (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-gyp/lib/configure.js:484:19)
gyp ERR! stack at PythonFinder.<anonymous> (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-gyp/lib/configure.js:406:16)
gyp ERR! stack at F (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:68:16)
gyp ERR! stack at E (/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:80:29)
gyp ERR! stack at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/which/which.js:89:16
gyp ERR! stack at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/index.js:42:5
gyp ERR! stack at /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/isexe/mode.js:8:5
gyp ERR! stack at FSReqCallback.oncomplete (node:fs:195:21)
gyp ERR! System Darwin 21.5.0
gyp ERR! command "/opt/homebrew/Cellar/node/16.3.0/bin/node" "/Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /Users/anthonysetiadi/Documents/antz.dev/react-templates/react-portfolio-template/node_modules/node-sass
gyp ERR! node -v v16.3.0
gyp ERR! node-gyp -v v3.8.0
Hi may i know is there any free hosting server which can generate image url instead of using static image?
Not able to read when hover over services tabs.
Steps to reproduce this issue.
System Details
System: Macbook Pro M2
OS. Version: Ventura 13.1
See the shared video for more details.
any recommendations are most welcome
when i run npm run build it executes successfully but no build folder created
the screenshot for executing npm run deploy command.
i want to deploy the portfolio to git hub pages but that what happen (no build folder generated )
link for the compressed code [code] (https://www.mediafire.com/file/qzl4rb68tj53qa6/react-portfolio-template-master.rar/file)
Questions that I have in mind
This just sprang up in my mind but changing tailwind CSS's config for mob to 0px would make most things automatically responsive. The current settings cause things to break below 360px. Also we could remove the mob: prefix altogether from everywhere including the config file.
Possible solutions -
@Aryan3212,
If you have any other better approach to tackle this.
would love to hear from you.
I was hoping to create a navbar as done on my fork of the project but which is larger making it more accessible.
Something like the image below, but with better demarcations and accessibility. We aren't using any icon pack and the one on the image was made using a raw SVG path. Maybe we can just have a button instead of the "hamburger+menu".
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.