silviajcn / DevFinder-Challenge

Frontend Mentor Challenge (React -TypeScript - StyledComponents)

🌎 DevFinder

Find GitHub users quickly in a friendly interface.

This is a solution to the GitHub user search app challenge on Frontend Mentor.

The points of the challenge that must be met:

• View the optimal layout for the app depending on their device's screen size ✅
• See hover states for all interactive elements on the page ✅
• Search for GitHub users by their username ✅
• See relevant user information based on their search ✅
• Switch between light and dark themes ✅
• Bonus: Have the correct color scheme chosen for them based on their computer preferences. Hint: Research prefers-color-scheme in CSS.

🖱️ Visit here:

https://dev-finder-challenge.vercel.app/

📁 Project:

• React
• TypeScript
• React Hooks
• Styled Components
• HTML
• CSS

🔗 API Reference

Get item

GET https://api.github.com/users/${user}

Parameter	Type	Description
user	string	Required. User of item to fetch

📌 Dependencies

• react
• react-dom
• styled-components
• dayjs

💼 Prerequisites

• Node.js
• npm

⚙️ Installation

• Clone the latest code on the master branch
  • git clone https://github.com/silviajcn/DevFinder-Challenge.git
• Install dependencies
  • npm install
• Run the web server!
  • npm run dev

🎈 Usage

• Navigate to http://localhost:5173 on your browser

😍 Screenshots of the completed challenge

😎 Author

• Silvia C. Navarro - @silviajcn

• Mi portafolio - Mi portafolio