Coder Social home page Coder Social logo

ronaldo-00 / portfolio Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 6.99 MB

This my Personal portfolio web..

HTML 5.76% CSS 23.89% JavaScript 70.35%
links media-queries projects react react-hooks react-scroll react-simple-typewriter useeffect-hook usestate

portfolio's Introduction

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.

portfolio's People

Contributors

ronaldo-00 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.