jcsalinas20 / jcsalinas20.web.app

Personal Web Page

Hi there, I'm Juan Carlos 👋

My Stats

My Skills

Languages

Frameworks

Databases

Others

Collaborations

---

Project Name: Simon Says
Owner: @aleexnl
Other Collaborators: @JesusSePe
Link: https://github.com/aleexnl/simon-says

---

Project Name: Trip Count
Owner: @aleexnl
Other Collaborators: @PMartinOnTheCloud
Link: https://github.com/aleexnl/trip-count

---

Project Name: IETI-matricula
Owner: @silviadlc
Other Collaborators: --
Link: https://github.com/silviadlc/IETI-matricula

---

Project Name: Matrics
Owner: @Esteve Terradas AWS2 Web Development Team
Other Collaborators: Many
Link: https://github.com/AWS2/matrics

---

Social Links

jcsalinas20.web.app's Issues

Transition Or Animation in Modal repository

Show Git Stats 2.0

Call to the new endpoint get user and show the stats

Create a loading component

Readme Personal-web-page Api

Personal-web-page Api Github repository

Readme Used technologies

• Languages
• Frameworks
• Package Manager
• Hosting

3.2 Show my stats

Git Stats

https://github.com/anuraghazra/github-readme-stats
https://github.com/LordDashMe/github-contribution-stats/

Git Calendar

https://www.npmjs.com/package/react-github-calendar

Readme Description

Description the project

3. Git stats Carousel

#25
#24
#23

Auto push

Automatically uploads to Firebase with Pull Requests to pro

Particle Component React

https://www.npmjs.com/package/react-tsparticles

Footer

• My Github Overview (My Github)
• Git Repository (Source)
• Git Redo Documentation (Documentation)
• Git Repository Api (Source Api)
• LinkedIn (LinkedIn)

Card Error 503 unauthorized

Transition Or Animation in Repositories

3. Github info

• Profile image
• Name
• Followers
• Repositories
• Collaboration
• Stars

4. Show "My Repositories"

Design a card for the repository

5. Form for contact

Hosting

Create app in firebase console

3. Git Stats

Change Language

In menu the user can change the language to:

• English (Default)
• Español
• Catalá

2. Show "About Me"

• About Me
• Experience

1. Button View Projects

3.1 Show Languages

Show languages in a graphic
https://www.npmjs.com/package/react-chartjs-2

Colorblind filters (Daltónicos) (Menu Option)

Create project React

4. Repository Modal

Add onClick,
Show repository details

• Name
• Link
• Description
• Stars
• Banner or Image
• Owner
• Last update
• Created at
• Forks
• Is archived
• Have Wiki
• Have Pages
• License
• Number of commits
• Number of Issues and state
• Number of Pull Request and state
• Labels
• Topics
• Languages or Main language
• Collaborators
• Releases
• Projects

1. Welcome

Welcome with ts-particles

Transition Or Animation in button "View My Projects"

Dark Mode (Menu Option)

4. Search by name

Input for only search by project name

2. Show "My Skills"

Render animations (Menu Option)

TS-Particles
Animations CSS
Transitions CSS

Show My Repositories 2.0

3.1 Organizations

Show my organizations

Code refactor 1.0

0. Menu

Create menu with the options:

• Welcome ( #14 )
• About Me ( #17 #18 )
• Github Stats ( #19 )
• My Projects ( #27 )
• Contact Me ( #33 )

Create Github api for personal-web-page

https://github.com/jcsalinas20/api-jcsalinas20.web.app

3. Popup personal information

• Location
• Company
• Blog
• Twitter

4. Implement Filter

List

• Languages (Strings)
• Topics (Strings)
• Have Releases (Boolean)
• Stars (Asc || Desc)
• Type (Owner || Collaboration || Organization)
• Tags ??¿¿ (String)
• Have Issues ??¿¿ (Boolean)

4. Add Collaborations to "My Repositories"

Readme Main Components (Credits)

Main components of npm with link to npmjs.com and github owner

Install Semantic-UI

https://react.semantic-ui.com/

4. Types of filters

Select input for select type of filter

• Languages
• Topics
• Have Releases
• Stars
• Type
• Tags ??¿¿
• Have Issues ??¿¿

Transitions Or Animation in Carousel