How to build a developer portfolio using React

👊 Portfolio created with React App using API Behance

Portfolio App created with React + Tailwind CSS

Create React App project #2. CRA. React Hooks & TypeScript. Technologies: Foundation, React, TypeScript. Portfolio Project #8

My single page app portfolio created with React

Create React App project #4. CRA. React Authorization. TypeScript & React & Node.js & Firebase. OnRender deploy. Portfolio Project #10

React web application that utilizes Amazon Managed Blockchain Query to create a digital asset portfolio tracker for Bitcoin and Ethereum. Includes the CDK project (infrastructure as code) required to deploy the AWS services and host the web app.

Example portfolio app created using React and Chakra UI

Create React App project #1. CRA. React & TypeScript. Technologies: Bootstrap, React, TypeScript. Portfolio Project #7.

Create React App project #6. CRA. Lazer Movies WebView APK. TypeScript & React. React Native WebView. Portfolio Project.

Create React App project #3. CRA. MVC. React & TypeScript & MVC. Technologies: MVC Pattern, Foundation, React, TypeScript. Portfolio Project #9

I created areact-portfolio app. I'm going to use React, router, jquery, bootstrap html5, css3

Create React App with Next.js project #6. CRA with Next.js. React Performers List Parser Web App. TypeScript & React & Node.js & Firebase & Next.js & Foundation CSS. OnRender deploy. Portfolio Project #12

My portfolio, made with react, webpack 5, babel and TypeScript. It features a boilerplate that is better for SEO than create-react-app's one

Create React App with Next.js project #5. CRA with Next.js. React Eurobet MVC Pattern. TypeScript & React & Node.js & Firebase & Next.js & MVC Pattern. OnRender deploy. Portfolio Project #11

This Personal Portfolio showcases my skills and projects, built with React and TypeScript to create a fast, scalable, and interactive user experience. The app is fully responsive, designed with TailwindCSS to ensure a clean, modern, and mobile-friendly layout.

Portfolio made from create-react-app

Portfolio project to create an atomic swap app using React.

This a personal portfolio project created with creat-react-app aimed to highlight my portfolio.

Portfolio built with React.js from create-react-app (configured with SCSS and Bootstrap dependencies)

A React/Node app that tracks cryptocurrencies and lets users create portfolios for their investments

Portfolio website made with create-react-app. A high performance, responsive website that uses Scroll Magic powered animations.

A portfolio website for an It service based group. This web app created with React JS and Bootstrap 5 .

Creating my first React.js app to also be my portfolio website. Check it out in the link below.

This is a simple & demo React application, which lets user pick stocks and add it to their portfolio. The app also shows some basic analytics related to user’s portfolio. This app is created with create-react-app and an external JS library used here is chart.js. This app uses only vanilla CSS.

A mobile app created via React Native designed to allow users to ask for stock recommendations from OpenAI API and keep records/data of stock portfolio

This is my portfolio which I have created using react app, I have listed my top notch projects in this portfolio, if you want to visit, please use the following link. provided in the description.

🚀 Discover my MERN Portfolio! I create dynamic web apps with MongoDB, Express, React, and Node.js. Let's collaborate to bring your digital vision to life! 🤝

Google Gemini Clone - React JS This repository contains the source code for a Google Gemini clone built using React JS. This project demonstrates how to create a Generative AI app similar to Google Gemini or ChatGPT, utilizing the Gemini API. Ideal for learning, college projects, or adding a unique AI-driven application to your portfolio.

Getting Started To get started you will need to use create-react-app to quickly scaffold a project. You should migrate your components into a components folder in the src directory and the styles into a styles folder in the src directory. Link up all pages to make sure they working and test using npm run start in the console, use Ctrl+c to exit. You will need use npm install --save react-router-dom in the terminal to save React Router 4 to your project dependencies and make it available for import. In your index.js file, you will need to import { BrowserRouter, Route, Switch } from react-router-dom. You should use your knowledge of nested child components from React to create a BaseLayout component that houses a navigation bar and takes children (Hint: {this.props.children} or {props.children}) components and renders on each screen. You should be able to see your navigation bar from every component/page rendered. You should have the following separate components: App.js BaseLayout.js Home.js About.js Portfolio.js You should have at least two or three buttons that are stylized <Link> components in the body of your app. Your navigation bar should be fully functional and allow the users to navigate seamlessly through your app. The back button in the browser should take user's to the previous screen (because of the history API and using <BrowserRouter>). The final project should be a relatively attractive mock portfolio website. The content and styling are up to you. See example down below for a general idea of simple project structure, though your project should be more professional and polished!