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

My personal portfolio, where I leveraged React, i18n, github api and react-elastic-carousel
https://github.com/lucasbbs/react-portfolio

github javascript react

Last synced: about 11 hours ago
JSON representation

My personal portfolio, where I leveraged React, i18n, github api and react-elastic-carousel

• Host: GitHub
• URL: https://github.com/lucasbbs/react-portfolio
• Owner: lucasbbs
• Created: 2023-12-29T13:48:00.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-28T22:48:33.000Z (8 months ago)
• Last Synced: 2024-11-25T13:40:19.354Z (2 months ago)
• Topics: github, javascript, react
• Language: JavaScript
• Homepage: https://lucasbbs.live
• Size: 2.57 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Lucas' Portfolio

# Personal Portfolio

Welcome to my personal portfolio project! This project showcases my skills and projects using a modern web development stack, including React, i18n for internationalization, the GitHub API for fetching my project repositories, and react-elastic-carousel for an elegant carousel component.

## Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Usage](#usage)

- [License](#license)

- [Contact](#contact)

## Demo

Check out the live demo of my portfolio [here](https://lucasbbs.live).

## Features

- **Dynamic Project Showcase**: Projects are dynamically fetched from the GitHub API.

- **Internationalization**: Supports multiple languages using i18n.

- **Responsive Design**: Fully responsive and optimized for various devices.

- **Interactive Carousel**: Smooth and interactive carousel to showcase projects using react-elastic-carousel.

## Technologies Used

- **React**: JavaScript library for building user interfaces.

- **i18n**: Internationalization support to provide multiple languages.

- **GitHub API**: Fetches data about my repositories.

- **react-elastic-carousel**: A flexible and responsive carousel component.

## Installation

To get a local copy up and running, follow these simple steps:

1. **Clone the repository:**

   ```sh

   git clone https://github.com/lucasbbs/react-portfolio.git

2. Navigate to the project directory:

   ```sh

   cd react-portfolio

   ```

3. Install dependencies:

   ```sh

   npm install

   ```

## Usage

1. Start the development server:

   ```sh

   npm start

   ```

This will run the app in the development mode.

Open http://localhost:3000 to view it in the browser.

2. Build for production:

   ```sh

   npm run build

   ```

This will build the app for production to the build folder.

# :closed_book: License

Released in 2024 :closed_book: License

Made with :heart: by [Lucas Breno de Souza Noronha Braga](https://github.com/lucasbbs) 🚀.

This project is under the [MIT license](https://github.com/lucasbbs/iMonitor-Backend/master/LICENSE).

## Contact

Lucas Breno de Souza Noronha Braga

[![Static Badge](https://img.shields.io/badge/WhatsApp-25D366?style=for-the-badge&logo=whatsapp&logoColor=white)](https://api.whatsapp.com/send?phone=12267247739)

[![Static Badge](https://img.shields.io/badge/Microsoft_Outlook-0078D4?style=for-the-badge&logo=microsoft-outlook&logoColor=white)](mailto:[email protected])

[![Static Badge](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/lucasbbs/)

[![Static Badge](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/lucasbbs/)