https://github.com/minusinfinite/react-with-pages

React in Github Pages
https://github.com/minusinfinite/react-with-pages

Last synced: about 1 year ago
JSON representation

React in Github Pages

• Host: GitHub
• URL: https://github.com/minusinfinite/react-with-pages
• Owner: minusInfinite
• Created: 2021-10-20T12:48:07.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-10-24T12:01:46.000Z (over 4 years ago)
• Last Synced: 2025-02-06T22:30:12.547Z (over 1 year ago)
• Language: JavaScript
• Size: 2.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Portfolio using React

This repo is a revisit of creating my [Portfolio](https://github.com/minusInfinite/minusinfinite.github.io) using [React](https://reactjs.org/)

Live Version - 

There are a few differences between my current Portfolio and the React one.

Rather than going to an anchor on the document, the Navigation links act like tabs. The active tab will display the bottom border used when you hover over the link.

![Navagation Example](/md/nav.png)

Clicking on a tab will render the context for the selected area.

Clicking on **Projects** will look the same but the elements are rendered using a reuseable Card component.

This made the React code a lot clear and better to understand the flow.

```javascript

export default function Card(props) {

    return (

        


            

                

                    

                

                

                    {props.projectcaption}

                    

                        Github

                    

                

            

        

    )

}

```


While the task asked for a "Contact form" I don't feel like a modern portfolio would need one, unless you have an active newsletter you would like someone to subscribe to.

The **Social Links** tab gives a little more details on what I intend for each link to provide functionality-wise.

## Development

This project uses Yarn 2 -  - you may need to run `yarn install` twice for this repo to install as expected.

## Thoughts

In proceeding with this project I've found I'm not a fan of the methodology of React and how granular it can get but I believe I've become to understand why it has been so liked.

I found for this project, starting with an existing Website and design and having to break it down into components, did make the process easier. Maybe with time, it will become more familiar.