As a developer/designer you should definitely have your own portfolio website. There are endless benefits. But a lot of people feel that it would be tough to make one. So here is a sample site.

https://aaronsiim.github.io/aaron-portfolio/

Here're some of the project's best features:

• React Router
• Contact Form

1. Clone the codebase

2. Install npm

npm install

3. Run the code

npm run

Technologies used in the project:

• React-Router-Dom
• react-burger-menu
• Fonts: Poppins
• FormSpree

App Flow: #1. Design & Architecture: Understanding the Wireframes and Architecture. #Design process: a. Sketching (rough sketch on how our app would look like) + Discuss with a team (designers + developers + features implementation) and improve [ List of pages: Home page About page Project page Skills page Contact me page ] b. User Flows: (User start point + direction where they go and run functions) c. Wireframes: Low fidelity wireframe (with dummy data) d. Prototype: (Attaching different pages) e. Final Design: Use Figma 2# Component Architecture: (All inside component) - Home page: NavBar - Home - About page: NavBar - Header - About - FooterLink - Project page: Projects --> NavBar - Header - ProjectCard - FooterLink - Skills page: Skills --> NavBar - Header - SkillCard - FooterLink - Contact me page: Contact --> NavBar - Header - FooterLink NOTE: NavBar Header FooterLink are reusable components. # React Router Creating navigation to multiple pages using router. # React Portals # Implementing the designs Tutorial from (MadhavBahl MADHAV BAHL) Link: https://youtu.be/i_I-HKifJ2c ReadMe generator: https://readme-gen.vercel.app/ Thirdparty integration: FormSpree: https://formspree.io/