Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/benevanio/portifolio

animation javascript mobile npm npm-module particle-physics pwa-apps react reactjs responsive-layout responsive-web-design sass theme-customizer theme-ui themes typing ui-components ui-design webapp website

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/benevanio/portifolio
Owner: Benevanio
License: mit
Created: 2023-01-02T01:19:19.000Z (about 2 years ago)
Default Branch: master
Last Pushed: 2023-12-08T21:17:39.000Z (about 1 year ago)
Last Synced: 2024-09-26T01:41:28.006Z (3 months ago)
Topics: animation, javascript, mobile, npm, npm-module, particle-physics, pwa-apps, react, reactjs, responsive-layout, responsive-web-design, sass, theme-customizer, theme-ui, themes, typing, ui-components, ui-design, webapp, website
Language: JavaScript
Homepage: https://benevaniosantos.vercel.app/
Size: 28.2 MB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Portfolio Website

This is my personal portfolio built using React.js and Tailwind CSS. The mobile menu is implemented using the React UserState Hook, responsible for controlling the menu state via a ternary operator. The project structure includes the following pages:

- **Components:** Houses each application component and its respective style sheet.

- The entire page is rendered in `App.js`.

- Navigation is implemented using React Router Dom.

## Authors

- [@BeneTesla](https://github.com/benetesla)

## Technology Stack

**Front-end:**

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

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

![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

## Installation

Clone this project or download it!

```bash

git clone https://github.com/benetesla/Portifolio.git

npm install

npm run dev

```

## License

[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/)

## 🔗 Connect with me through the following channels:

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://bene-teslav1.vercel.app/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/bene-tesla/)

[![instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/bene_tesla/)

## Time Spent on this Project

[![wakatime](https://wakatime.com/badge/user/e1461a88-4a59-4bf1-b467-fcdd739232d8/project/6b86bbd9-c76d-4b61-bbff-1d359ff80af6.svg)](https://wakatime.com/badge/user/e1461a88-4a59-4bf1-b467-fcdd739232d8/project/6b86bbd9-c76d-4b61-bbff-1d359ff80af6)