Wow, really nice website ! Also i like those neat small details interacting with the website, it shows the "extra" effort made into it's creation. 10 out of 10 in my opinion.
Im in love with this project, because it breaks the typical portfolio (text - image). The interface is great as the colors as the interativity. Thanksssss
@@cristianmihai01 which version are you using? i cloned it from GIT and it is as follows. "dependencies": { "@next/font": "^13.4.4", "framer-motion": "^10.12.16", "next": "13.4.3", "react": "18.2.0", "react-countup": "^6.4.2", "react-dom": "18.2.0", "react-icons": "^4.8.0", "react-tsparticles": "^2.9.3", "swiper": "^9.4.0", "tailwind-scrollbar": "^3.0.4", "tsparticles": "^2.9.3" },
I did it🎉🎉🎉🎉. Though it took me 2weeks to complete the 3 hours video. It’s worth it. Thank you for creating the video without the source code. It made me understand the technology better. At first I thought it was wickedness but at the end it was helpful. The only issue i have is that the homepage doesn’t render well on small screens like iPhone SE and the “/work” link doesn’t toggle to “text-accent” or click to work page on all mobile screen. Thank you very much.
@@WebDeveloperRao i wish i could but i suggest you request from creator. I recommend you follow the steps in the video. I can assist if you encounter any issue throughout the journey. Thank you for reaching out.
hey i need help regarding this project the content of home page ("Transformation Ideas....+ text+ project button) are not hiding when going to another page can u help♥
Thank you! But feel free to modify it to your own needs! For the button "My Projects Button" you can add z-10 (z-index:10) and for the overlaping problems please look into breakpoints in tailwind.config.js!
Instant coffee donation !!. High quality in every detail. I know you are using the Bearded theme, and probably the bearded icons but there are more details: - The cursor blinking is solid - What are the fonts of the IDE? - When you select code which is part of a block, the line is very clear. Do you have any video or blog entry with this details? Thanks for your amazing work.
Thank you too! 👇 Theme: Bearded Theme Icons: Material Icon Theme Font: Jetbrains Mono Extensions: ES7+ React / Redux / React-Native snipppets File Utils Auto Close Tag Auto Rename Tag Highlight Matching Tag Live Sass Compiler Live Server Path Autocomplete Path IntelliSense Prettier Simple React Snippets SVG Preview Tailwind CSS IntelliSense Thunder Client vscode-faker
Great project! in the latest build of nextjs if you want the active page icon with text-accent you should import this to work import { usePathname } from 'next/navigation'; const pathname = usePathname();
Hey awesome man. Just completed it. Can you please share from where did you generate the 'Ethan Smith' logo on the header? Or what are the font styles that you are using for 'Ethan' as well as 'Smith'?
@@cristianmihai01 I just love the UI of this application, especially the theme. How do you reach such a level where you can think about such amazing designs? I am a frontend developer and I can create almost everything if given the figma design, but I am pretty bad at designing figma itself (not very good in color combinations). (I am trying to improve my designing skills since I am looking for freelance work as well. Thanks!)
Hi, Cristian Mihai, I'm Brazilian and a big fan of your projects. I would especially like to know where you get these images with such good resolutions to use with the emotion framer, parallax, parallax, etc. Thank you! Your jobs are amazing!
@@cristianmihai01 I would like, with all due respect, to give you a suggestion. Could you make a video related to architecture? Folder architecture, componentization, how to choose images for a project, etc? Or could you give me some tips? I can call you on another social network.
Love how simple this is, but i'm having problem with the screen ratio with different phone, i tried deleting the overflow-hidden im having white/grayed out excess and the other pages doesnt auto fit or auto adjust with the screen ratio, any help ? thanks in advance!
This is a pretty cool project, and makes a solid starting point, but there are alot of responsive issues especially dealing with screen height, and the contact form is useless as it collects and sends no information anywhere =/ this would not have been much more code. Project could use a little work but otherwise decent. Note DO NOT update swiper unless you want to deal with digging through the documentation to find all the changes in the way the modules work, not worth it IMO as it adds no benefit to this project from updating.
Great work!! Thank you I'm learning quite a bit from this. This looks like it was done in Next JS using the Pages Router. Can it be done in Apps router instead?
Finally, after a year of FrontEnd experience I will have my portfolio website xD. I am damn bad with CSS, need to work on that. I was more interested in working JS and logic/Cypress test and Deployment/ T3 stack (has own issues with deployment if you need wensockets) A few more tutorials and will try myself to create some CSS)
hey i need help regarding this project the content of home page ("Transformation Ideas....+ text+ project button) are not hiding when going to another page can u help♥
"A web developer with black cloths, beard and black glasses"! To get similar results first you have to upload my image, copy the uploaded image link and paste it before the prompt! Thanks
Hey guys! First of all, loving this tutorial and this portfolio, thank you Cristian Mihai!! I wonder if any of you could help me with an error i'm getting when animating the ProjectsBtn in the Hero section. fadeIn is not defined. Can't resolve this issue, if anyone know's what my problem is, i would appreciate it.
Hello Cristian, how are you? Excellent tutorial, certainly one of the most beautiful on YT. I humbly ask for some advice from you. In the motion.div->ProjectBtn section (The rotating png "My Projects") I am facing a responsiveness problem when the Avatar is hidden (responsiveness for Mobile). Is that so? Note: I'm a junior++ X-D
HI, i appreciate your work, however im getting error on transition.js at 32:45. the error is with TypeError: Cannot read properties of undefined (reading 'div') it would be good if you can solve it
Amazing tutorial, i will use this one and work on it, change it and try to add more functionallity as I completed a paid front end course with a certificate. Did some coding in Python and C# as well. Only thing I'm wondering. Your profile image, avatar is amazing. What did you use to convert your picture that way. Honestly amazing.
@@cristianmihai01 I have a final question if I may. At My Work page you display your projects in a beautifull way. I was wondering which software you used to display them in such a fashion? I also have some projects of myself I would like to test out in the same way like you did. I will be sure to reference your work.
@@cristianmihai01 Finnished it and removed 2 pages, uploaded 2 projects. Love the inspiraton, will make something of my own now with taillwind and your inspiration.
I need help with creating thumbnails as you did in this project. How can I create appealing images (thumbnails) of my websites so I could uoload them on my portflolio?
Hey Christian thanks for this super project! Love all your projects, they are all unique. But I have issue with adding favicon and title. In NextJS it is a little tricky. Can you please exlain how to add a favicon and title for this project? Did anybody do this? Please help me to solve that problem.
Salut! Arata frumos cu totul, insa eu intampin o problema vizuala la pagina de 'Work' care persista doar pe live server, pe local nu se intampla deloc si nu prea inteleg... Ideea e ca comportamentul paginii se schimba la trecerea intre pagini, cand sunt pe pagina 'Work' si accesez orice alta pagina, pagina a 2-a din slide apare dedesubt-ul primelor 4 card-uri, repet, e doar o chestie vizuala si e la trecerea intre pagini... Se intampla doar pe live server, pe local nu se intampla... Unde te pot contacta ? :)
Hi. I am still a little rusty at css. Wanted to ask something. I wanted a difference where the sidebar was sticky (while scrolling) and the body was scrollable. What do I do to change that?
I have a question, which VS code extension you use for autocompleting elements like div, h1 or lorem20? My extension works only in jsx and ts files not in js files
These are my extensions: ES7+ React / Redux / React-Native snipppets File Utils Auto Close Tag Auto Rename Tag Highlight Matching Tag Live Sass Compiler Live Server Path Autocomplete Path IntelliSense Prettier Simple React Snippets SVG Preview Tailwind CSS IntelliSense Thunder Client vscode-faker
I have followed this tutorial step by step completely and have developed the same website. Can I use it as my own now? I mean, there will be no copyright issues?
Hi Cristian...me again! I am having issues with deployment, when running 'npm run build' I get the following issues: ./pages/about/index.js 26:11 Error: Missing "key" prop for element in array react/jsx-key 27:11 Error: Missing "key" prop for element in array react/jsx-key 33:11 Error: Missing "key" prop for element in array react/jsx-key 34:11 Error: Missing "key" prop for element in array react/jsx-key 39:17 Error: Missing "key" prop for element in array react/jsx-key 43:17 Error: Missing "key" prop for element in array react/jsx-key 291:30 Error: Missing "key" prop for element in iterator react/jsx-key ./pages/api/sendEmail.js 3:1 Warning: Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export info - Need to disable some ESLint rules? Learn more here: nextjs.org/docs/basic-features/eslint#disabling-rules - info Linting and checking validity of types . NOTE: I have disabled ESLint for those files entirely by adding this at the top: /* eslint-disable */ The run seem to complete but I do not have the dist folder. Could you please assist?
The project is very good, I am only facing a problem with responsiveness for screens in the size sm it is not adapting to this screen size correctly, it does not scroll, when you give us an update and make a video, I will be present and share these responsiveness fixes
Thank You for this amazing tutorial, its really wonderful and I learnt a lot. But I cannot use the Socials component in the Header section. The error is : " Server Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports." I have double-checked all the path names, file names , the way Components are imported and exported. But it doesnot seem to work at all. Can you guide me on how to solve this error?
It's NextJS true? I even totally not understand how to follow this video. Author just cloned repository. I don't see how this app created from the ground up. How we install nextJS. All files is JS extension instead jsx. In package.json we see react.. Help me somebody to how create it from the ground up
Next.js it's built on top of React and it doesn't matter if you use .js or .jsx! Clone the repo and "npm i" to install dependencies then "npm run dev" to start the project! Do the same steps as in the video! Thanks
Thanks! Of course you can use it! I recommend doing the tutorial because that's how you learn! If you really want to skip the video, the source code is in the description
Hi Cristian, I absolutely love this design and look of this portfolio. I plan on purchasing the source code next month so I can support you. Can I please edit this and use this as my own portfolio website? And can you please tell me how you created that Avatar image, I would like to make my own one. Thanks!
sir while i doing the project there i got an error that 'TypeError: Cannot read properties of undefined (reading 'toLowerCase')' and web page also showing same error how can i fix it
bro crazy and modernized web u simply done it i really like it i want know one thing which type of extensions u could use giive me to the list of extensions names bro cause I'm new to front-end please guide me to do this
Thank you! 👇 Theme: Community Material Theme Icons: Material Icon Theme Font: Jetbrains Mono ES7+ React / Redux / React-Native snipppets File Utils Auto Close Tag Auto Rename Tag Highlight Matching Tag Live Sass Compiler Live Server Path Autocomplete Path IntelliSense Prettier Simple React Snippets SVG Preview Tailwind CSS IntelliSense Thunder Client vscode-faker
Hi Cristian! This portfolio is so amazing but I am having an issue with the "View My Projects" button when the screen is reduced, it does not take you to the "WORK" section. It actually does not work at all, it only works when the screen is wider/larger so it is not active when the page is set to mobile view. Can you please assist with this? Thanks again!