https://github.com/richllew182/react-portfolio

Personal Portfolio / Module 13 Challenge for EDX Bootcamp
https://github.com/richllew182/react-portfolio

bootstrap framer-motion nodejs react

Last synced: about 2 months ago
JSON representation

Personal Portfolio / Module 13 Challenge for EDX Bootcamp

• Host: GitHub
• URL: https://github.com/richllew182/react-portfolio
• Owner: RichLlew182
• License: mit
• Created: 2024-02-17T09:33:42.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T17:08:05.000Z (7 months ago)
• Last Synced: 2024-05-22T17:33:59.431Z (7 months ago)
• Topics: bootstrap, framer-motion, nodejs, react
• Language: JavaScript
• Homepage: https://richllew.dev
• Size: 4.32 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# React Portfolio

Module 13 Challenge for EDX Bootcamp

  Table of Contents

  


    


      Description

      


        
Built With

      

    

    


        Installation

    

    
Usage

    
License

    
Contact

    
Acknowledgments

  


## Description



    

  

This was the 13th homework challenge for the EDX Bootcamp in Front End Development. 

Our task was to rebuild our online portfolio using React components and functions.

### Built With

* ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

* ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

* ![JavaScript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

* ![Node.js](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)

* ![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)

* ![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

* ![CSS](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

## Installation

N/A

## Usage

To preview this app, users can create a clone of the repo in their local environment. They can then open the folder in an integrated terminal and run the following command:

~~~ssh 

npm i 

~~~

This will install the relevant node modules. 

The user can then run the following:

~~~ssh 

npm run dev 

~~~

This will generate a local host URL that can be clicked to preview the app. 

To deploy the app to GitHub Pages, the user can enter the following commands:

~~~ssh 

npm run build

npm run deploy 

~~~

On the deployed site users can navigate to the Projects tab, which will display 6 projects that are generated by data stored in a JSON file.

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## Contact

Richard Llewellyn - [email protected] 

Project Link: [https://richllew.dev/](https://richllew.dev/)

Project Repo Link: [https://github.com/RichLlew182/react-portfolio](https://github.com/RichLlew182/react-portfolio)

## Acknowledgments

* [Img Shields](https://shields.io)

* [Best README Template](https://github.com/othneildrew/Best-README-Template)