Skip to content

Ronaldo-00/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Personal Portfolio Website

Table of Contents

About

  • This my personal portfolio...
  • Developed a sleek and modern portfolio website using React.js to showcase my professional expertise and projects. This project embodies a blend of creativity, technical proficiency, and attention to detail, aimed at providing visitors with an engaging and informative experience.

Demo

The site is live at https://ronaldo-00.github.io/Portfolio/

Features

  • Sticky Header
  • Typewriter effect
  • Media links
  • Tech stack icons
  • Project showcase
  • Flex-box

1.Header:

  • implemented a stylish and responsive header section for easy navigation across the site.

2.About Section:

  • Crafted a compelling 'About Me' section utilizing React components to showcase skills, experience, and personal background.

3.Projects Showcase:

  • Integrated a dedicated section to display notable projects, utilizing React components for seamless project browsing. Employed react-scroll behavior to enable smooth scrolling through project details.

4.Contact Section:

  • Developed a user-friendly contact form using React forms for convenient communication with potential clients or collaborators.

5.React-Typewriter:

  • Implemented a captivating React typewriter effect to add dynamism and engagement to the content, enhancing the overall user experience.

Technologies Used

  • React.js
  • React-icons
  • React-hooks
  • React-scroll
  • React-simple-typewriter
  • React-router-dom

Pre-Requirement

Before running a React web application, you need to ensure that your development environment is set up properly. Here are the prerequisites for running a React web application:

1.Node.js and npm (Node Package Manager):

  • Install Node.js from the official website: Node.js
  • npm comes bundled with Node.js, so you don't need to install it separately.

Installation

  1. Clone the repository:
git clone <repository-url>
cd Stox-React-Web
  1. Run the repository:
npm start

Usage

After starting the application, open your web browser and navigate to http://localhost:3000 to access the Stock Market Website. Sign up or log in to explore the features and functionalities.