Search results
People also ask
What is ReactJS portfolio template?
What is a react portfolio website?
What is reactfolio?
How do I associate a repository with a ReactJS-portfolio topic?
🚀 Create and deploy a dynamic portfolio by just providing your GitHub username.
- Most Forks
🚀 Create and deploy a dynamic portfolio by just providing...
- Fewest Stars
React Portfolio - In this project, I built my own react...
- TypeScript 16
Open Source Portfolio or Personal Website using NextJS. Feel...
- HTML 8
HTML 8 - react-portfolio · GitHub Topics · GitHub
- Most Forks
A Crash Course For React JS - Complete Basics and 3 Projects Example including a Big Portfolio Website. See the demo - https://maniruzzamanakash.github.io/React-Crash-Course
Software Developer Portfolio Template built with react.js and next.js bootstrap that helps you showcase your work and skills as a software developer.
- What Will The Portfolio Look like?
- What Tools Will We Be using?
- How to Get Started
- What Tools Do I Need to Build My Portfolio?
- How to Build The Portfolio Structure
- How to Create Our Components
- Intro to Tailwind CSS
- How to Build The About Component
- How to Build The Projects Component
- How to Build The Skills Component
This is the final version of the portfolio you will be building. It will feature information about yourself, what projects you have made, what skills you've used in making those projects, and will include a contact form for clients or employers to reach out to you.
We will use React to create the app's user interface. It will allow us to compose each part of our landing page through reusable components and extend our app if we want to add additional features,...To style our application, we will use Tailwind CSS. To give our app a professional appearance, Tailwind will allow us to easily apply multiple styles through combining classnames on our React eleme...For pushing our app to the web, we will use the free service Netlify. It will serve our project on a custom domain to users very quickly with the help of a CDN (content delivery network).You can download the starting files for our project here. When you grab the code, all you will have to do is drag your (unzipped) project folder into your code editor and run the command: And you're good to go!
To go through the entire process of creating our app from start to deployment, you will need to have the following: 1. Node.js installed on your computer. You can download it at nodejs.org. 2. Git installed on your computer. You can download it at git-scm.com. 3. I would recommend using VS Code as your code editor. You can download it at code.visua...
The benefit of using React is that we could expand our app to as many pages as we like, very simply, and add a lot of additional content. However, since we're just working with one page, we can within our app component figure out the different components that we need very quickly. We will have a Navbar on top with all of the links to jump to differ...
Now that we have all these components listed out we need to go ahead and create them. Within our source (src) folder, we're going to create a folder called components with all of the files that we need: Then we will create the basic structure of each React component and export it from that file with export default: And finally make sure to import i...
Once that's done, we can start working with Tailwind CSS, in order to start to give our app a basic appearance. The benefit of using Tailwind CSS is that we don't have to write any styles manually in a CSS stylesheet. All we have to do is combine multiple classes to create the appearance that we want. For example, to give our portfolio a dark backg...
Let's start on our first section, the about section. This will consist of a basic introduction to ourselves and what skills we specialize in. It's also going to include some links to the contact form as well as our past projects. Since these links will be to different parts of the same page, we can use the hashes: "/#projects" and "/#contact". To m...
Our projects section will consist of a section element with an idof "projects". This will feature a gallery of all the projects that we've built, which will include images. It'll have the title of the project, along with the technologies we use to make it, and a link to it (if it is deployed). Note that we are also going to use the library @heroico...
Let's fill out the section for all the skills and technologies that we know. This will consist of a simple list of all of the major tools that we're familiar with and can use in our employers or clients projects. Once again, we are going to import an array from our data folder. But this array consists of number of strings which represent each of th...
Nov 26, 2020 · tldr; I have documented how to use ReactJS, SCSS, and GitHub to quickly build and host your portfolio website. I believe that a portfolio website is an incredible way to showcase your skills and creativity.
Oct 9, 2020 · Creating a Portfolio Website Using GitHub Pages and React: Part 1. # react # github # javascript # portfolio. photo by @joannakosinska. Part 2 on how to get started with your GitHub Pages and React app is available here. Part 3 on how to use a custom domain name is available here.
Oct 18, 2020 · Step 1: Getting Set Up. If you've already created an app using React and have worked with GitHub before, it's likely that you already have a good setup in terms of what you need to get started, so you may want to skip straight to step 2. Here, I'll quickly go over what tools are absolutely necessary for this process.
