Vasil1001 / github-finder-reactjs

React app to search for GitHub profiles and display available information about user, description and latest projects. This app uses the Context API with the useContext and useReducer hooks for state management.

A React + Vite + Tailwind + DaisyUI app. Finished

Project 2 of the 'React Front to Back 2022' Udemy course.

React app to search Github profiles. This app uses the Context API with the useContext and useReducer hooks for state management.

Link to app: https://github-finder-react-tw.netlify.app/

Technologies used

1. React.js
2. TailwindCSS layouts
3. DaisyUI library for components
4. VSCode

Table of Contents

1. General Info
2. App Screenshots
3. Setup
4. Usage
5. Status
6. Contact

General Info

• This is a udemy course project to learn React concepts.
• Users can type a username in the search bar, and select a profile to view statistics.

Learning Outcomes

• The target learning outcomes are:
  • Learn to implement Context API instead of component prop passing
  • Practice with context Reducers
  • Get a better understanding of React project structure and best practices
  • Learn TailwindCSS and style Daisy UI components
  • Practice React js

App screenshots

Setup

• This project was bootstrapped with [Vite]
• The project has been deployed to Netlify: try it online following the link: https://github-finder-react-tw.netlify.app/
• To Run Locally
  • In the project directory, you can run:
  • npm install
  • npm run dev
  • Open http://localhost:5174/ to view it in your browser.

Usage

• Clone Project
• npm install
• npm run dev

Project Status

Project is: Finished

Contact

Created by [Vasil] - feel free to contact me!