Github Users App

Overview

👨‍💻 In this project I mastered React skills. I used mainly REACT and Styled Components, React Router, React Icons, Context API, Axios React/Auth0, React/FusionCharts, React/Toastify. You can see visual demo of the website below. The objective is to build out this real-like webpage and make it looking as professional as possible..

---

✨ Demo

---

📍You can see the live site from here!

## Project Skeleton 

- MyBlog App (folder)
|
|----readme.md         
SOLUTION
├── public
│     └── index.html
├── src
│    ├── router
│    ├── components
│    │       ├── Charts
|    |       |    |----- Bar3D.js
|    |       |    |----- Column3D.js
|    |       |    |----- Dougnut2d.js
|    |       |    |----- Example.js
|    |       |    |----- index.js
|    |       |    |----- Pie3D.js
│    │       |---- Card.js
│    │       |---- Followers.js
│    │       |---- LoginForm.jsx
│    │       |---- index.js
│    │       |---- Info.js
│    │       |---- Navbar.js
│    │       |---- Repos.js
│    │       |---- Search.js
│    │       |---- User.js
│    ├── images
│    │       ├── authSlice.js
│    ├── helpers
│    │       └── login-img.svg
│    ├── pages
│    │       ├── Dashboard.js
│    │       ├── AuthWrapper.js
│    │       ├── Login.jsx
│    │       ├── Error.js
│    │       ├── index.js
│    │       ├── Login.js
│    │       └── PrivateRouter.js
│    ├── context
│    │       └── context.js
│    ├── app
│    │    └── store.jsx
│    ├── App.js
│    ├── index.js
│    └── index.css
├── package.json
├── gitignore
└── yarn.lock
```

Purpose of Project;

👨‍💻 The main aim of this project is to improve my REACT Context API, Authenticated Auth0, Component/JS/git commands (push, pull, commit, add etc.) skills and responsive design abilities.

Objective

🎯

The project covers;

• HTML / Semantic elements

• Styled Components - React Toastify

• REACT / Components , Props , Hooks , Router, Context etc.

• Auth0 Authenticated

• React / FusionCharts

• Axios

At the end of the project, i will be able to;

• improve coding skills within HTML & CSS & JS & REACT.js

• use git commands (push, pull, commit, add etc.) and Github as Version Control System.

---

Used in this project

👉 HTML tags, Comments, CSS styling, REACT.js etc.

---

How to Use the Project

First download a code editor
Second open the files : My Docs
You should open vscode terminal and write "yarn or npm install" to make the project alive
You can use this tutorial : VS Code tutorial

Author

👤 Ali Aksoy

• Twitter: @alifeyza4017
• Github: @AliAksoyy