Skip to content

Commit dd9142a

Browse files
devvsakibdevvsakib
authored
v1.0.1 released
v1.0.1 released
2 parents 257cd21 + 88db808 commit dd9142a

File tree

8 files changed

+111
-44
lines changed

8 files changed

+111
-44
lines changed

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>GitHub Error Solve - Opensource Projects</title>
8-
<link rel="shortcut icon" href="public/assets/logo.png" type="image/x-icon">
8+
<link rel="shortcut icon" href="/assets/logo.png" type="image/x-icon">
99
<link rel="stylesheet" href="./dist/output.css" />
1010
<link rel="preconnect" href="https://fonts.googleapis.com" />
1111
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

‎src/App.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import "./index.css";
33
import Error from "./components/Error/Error";
44
import SearchInput from "./components/Search/SearchInput";
55
import Layout from "./components/Layout/Layout";
6+
import BGShape from "./components/BGShape";
67

78
function App() {
89
const [search, setSearch] = useState('')
@@ -21,7 +22,6 @@ function App() {
2122
type={type}
2223
/>
2324
</Layout>
24-
2525
</>
2626
);
2727
}

‎src/components/BGShape.jsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import React from 'react'
2+
3+
const BGShape = () => {
4+
return (
5+
<div className='-z-[99999] fixed top-0 left-0 w-full h-full'>
6+
{/* <div className='-z-[999] absolute top-0 left-0 w-full h-full bg-[#44ff15]/20 backdrop-blur-[5px] rounded-lg'></div>*/}
7+
<div className='-z-[99999999999999] absolute -top-[70%] md:-top-[90%] -left-[50%] md:left-0 w-[800px] md:w-full h-[500px] rounded-full bg-[#16f8d2f3]/30 blur-[100px]'></div>
8+
9+
<div className=' absolute right-[10%] md:right-[40%] top-[10%] rotate-45 w-[200px] h-[500px] bg-[#1aabff]/20 blur-[150px] rounded-lg'></div>
10+
<div className=' absolute right-[20%] md:right-[40%] top-[30%] md:top-[10%] rotate-45 w-[200px] h-[500px] bg-[#ff22ed]/10 blur-[150px] rounded-lg'></div>
11+
12+
<div className='absolute right-[70%] top-[30%] md:top-[10%] -rotate-90 w-[300px] h-[500px] bg-[#1aabff]/20 blur-[90px] rounded-lg'></div>
13+
14+
<div className='absolute right-[40%] top-[30%] md:top-[10%] rotate-45 w-[200px] h-[500px] bg-[#ff22ed]/20 blur-[100px] rounded-lg'></div>
15+
16+
<div className='absolute right-[0%] top-[70%] md:top-[20%] rotate-45 transform-gpu w-[200px] h-[500px] bg-[#44ff15]/10 blur-[90px] rounded-lg'></div>
17+
<div className='absolute right-[0%] top-[70%] md:top-[20%] rotate-45 transform-gpu w-[400px] h-[500px] bg-[#44ff15]/5 blur-[90px] rounded-lg'></div>
18+
</div>
19+
)
20+
}
21+
22+
export default BGShape

‎src/components/Contributors/contributors.jsx‎

Lines changed: 38 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import Layout from "../../components/Layout/Layout";
44
import "./css/index.css";
55

66
function Contribute() {
7-
const userURL = "https://api.github.com/users/";
87
const url = "https://api.github.com/repos/devvsakib/github-error-solve/contributors";
98

109

@@ -56,41 +55,47 @@ function Contribute() {
5655
{
5756
// User filtered by CONTRIBUTIONS number, contribute more to jump in first place
5857

59-
loading ? (
60-
data.map((user) => (
61-
<div key={user.login}
62-
id="container"
63-
className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 md:px-6 border-l-4 rounded-lg bg-dark-secondary flex flex-col mt-8 items-center mx-auto gap-2 px-3 border-[#${changeColor()}] hover:border-primary hover:text-primary`}
64-
>
65-
<img className="pfp mb-8 skeleton" src={user.avatar_url} />
66-
<h1 className="text-center -mb-10 font-semibold uppercase">
67-
{user.login}{" "}
68-
<small className="text-violet-400 container:hover:text-white">
69-
{user.contributions}
70-
</small>
71-
</h1>
72-
<div className="links text-sm">
73-
<a className="spf-link" href={user.html_url}>
74-
GitHub
75-
</a>
76-
{user.twitter_username && <a className="spf-link" href={`https://twitter.com/${user.twitter_username}`}>
77-
Twitter
78-
</a>}
79-
{/* spf-link : abbreviation of (specific-link) for css */}
58+
data && data.length !== 0 ? (
59+
loading ? (
60+
data.map((user) => (
61+
<div key={user.login}
62+
id="container"
63+
className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 md:px-6 border-l-4 rounded-lg bg-dark-secondary flex flex-col mt-8 items-center mx-auto gap-2 px-3 border-[#${changeColor()}] hover:border-primary hover:text-primary`}
64+
>
65+
<img className="pfp mb-8 skeleton" src={user.avatar_url} />
66+
<h1 className="text-center -mb-10 font-semibold uppercase">
67+
{user.login}{" "}
68+
<small className="text-violet-400 container:hover:text-white">
69+
{user.contributions}
70+
</small>
71+
</h1>
72+
<div className="links text-sm">
73+
<a className="spf-link" href={user.html_url}>
74+
GitHub
75+
</a>
76+
{user.twitter_username && <a className="spf-link" href={`https://twitter.com/${user.twitter_username}`}>
77+
Twitter
78+
</a>}
79+
{/* spf-link : abbreviation of (specific-link) for css */}
80+
</div>
8081
</div>
82+
))
83+
) : (
84+
<div className="translate-y-[4rem]">
85+
<img
86+
src="/assets/run.gif"
87+
className="w-1/2 mx-auto"
88+
alt="Running.gif"
89+
/>
90+
<h1 className="text-center md:text-2xl text-white">
91+
Contributors coming❤️‍🔥...
92+
</h1>
8193
</div>
82-
))
94+
)
8395
) : (
84-
<div className="translate-y-[4rem]">
85-
<img
86-
src="/assets/run.gif"
87-
className="w-1/2 mx-auto"
88-
alt="Running.gif"
89-
/>
90-
<h1 className="text-center md:text-2xl text-white">
91-
Contributors coming❤️‍🔥...
92-
</h1>
93-
</div>
96+
<h1 className="text-center md:text-2xl text-white">
97+
GitHub API Limit Exceeded
98+
</h1>
9499
)
95100
}
96101
</section>

‎src/components/Doc/DocItem.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const DocItem = ({ title, content }) => {
1010
}
1111

1212
return (
13-
<div className={`p-4 rounded shadow-lg shadow-[#118d7c62] bg-[#${changeColor()}] backdrop-blur-sm`}>
13+
<div className={`p-4 rounded shadow-lg shadow-[#118d7c22] bg-white/5 backdrop-blur-[10px]`}>
1414
<h6 className='font-semibold text-white text-opacity-80 mb-2'>{title}</h6>
1515
<p className='text-sm text-white leading-tight'>{content}</p>
1616
</div>

‎src/components/Error/ErrorCard.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ function ErrorCard({ error }) {
3232
return (
3333
<div
3434
id="main-div"
35-
className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 px-2 md:px-6 border-l-4 rounded-lg items-start bg-dark-secondary flex flex-col hover:scale-105 duration-300 ${item === "add"
35+
className={`py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 px-2 md:px-6 border-l-4 rounded-lg items-start bg-white/5 backdrop-blur-[10px] flex flex-col hover:scale-105 duration-300 ${item === "add"
3636
? "border-[#4024e0]"
3737
: item === "commit"
3838
? "border-[#1a5ba5]"

‎src/components/Header/Header.jsx‎

Lines changed: 44 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,31 @@
1-
import { MdConstruction, MdInsertDriveFile } from "react-icons/md";
2-
import {AiFillGithub} from "react-icons/ai";
1+
import { MdPeople, MdInsertDriveFile } from "react-icons/md";
2+
import { AiFillGithub } from "react-icons/ai";
33
import { Link } from "react-router-dom";
44

55
function Header({ notice }) {
6+
const navLink = [
7+
{
8+
name: 'Home',
9+
link: '/',
10+
icon: ''
11+
},
12+
{
13+
name: 'Doc',
14+
link: '/doc',
15+
icon: <MdInsertDriveFile size='1rem'/>
16+
},
17+
{
18+
name: 'Contributors',
19+
link: '/Contributors',
20+
icon: <MdPeople size='1.25rem'/>
21+
},
22+
{
23+
name: '',
24+
link: 'https://github.com/devvsakib/github-error-solve',
25+
icon: <AiFillGithub size='1.25rem' />
26+
}
27+
]
28+
629
return (
730
<header className="p-4 bg-dark-secondary sticky top-0 z-50">
831
<div className="w-full md:w-5/6 mx-auto flex flex-col md:flex-row justify-between items-center">
@@ -12,15 +35,30 @@ function Header({ notice }) {
1235
<Link to={'/'}>
1336
<img src="/assets/logo.png" className="w-36" alt="GES" />
1437
</Link>
15-
<div className="flex mt-2 md:mt-0 items-center gap-3 text-sm">
16-
<MdConstruction className="text-lg" />
38+
<div className="flex mt-2 md:mt-0 items-center gap-7 text-sm">
39+
40+
{
41+
navLink.map((link, index) => {
42+
return (
43+
link.name == "" ? (<a target='_blank' href={link.link}>{link.icon}</a>
44+
) : link.name == "Doc" ? (<Link className="flex items-center gap-1" to={link.link}>{link.icon}{link.name}</Link>
45+
) : link.name == "Contributors" ? (<Link className="flex items-center gap-1" to={link.link}>{link.icon}{link.name}</Link>
46+
) : link.name == "Home" ? (<Link className="flex items-center gap-1" to={link.link}>{link.icon}{link.name}</Link>
47+
) : null
48+
)
49+
})
50+
51+
}
52+
53+
54+
{/* <MdConstruction className="text-lg" />
1755
<h6>Under Construction</h6>
18-
<MdInsertDriveFile className="text-lg" />
56+
1957
<Link to={'/doc'}>Doc</Link>
2058
2159
<Link to={'/Contributors'}>Contributors</Link>
2260
23-
<a target='_blank' href="https://github.com/devvsakib/github-error-solve"><AiFillGithub size='1.25rem'/></a>
61+
<a target='_blank' href="https://github.com/devvsakib/github-error-solve"><AiFillGithub size='1.25rem'/></a> */}
2462

2563

2664
</div>

‎src/main.jsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import {
77
} from "react-router-dom";
88
import Doc from "./components/Doc/Doc";
99
import Contributors from "./components/Contributors/contributors";
10+
import BGShape from "./components/BGShape";
1011
/* Creating a router object that is used to render the correct component based on the url. */
1112
const router = createBrowserRouter(
1213
[
@@ -20,14 +21,15 @@ const router = createBrowserRouter(
2021
},
2122
{
2223
path: '/Contributors',
23-
element: <Contributors/>
24+
element: <Contributors />
2425
}
2526

2627
]
2728
);
2829

2930
ReactDOM.createRoot(document.getElementById("root")).render(
3031
<React.StrictMode>
32+
<BGShape />
3133
<RouterProvider router={router} />
3234
</React.StrictMode>
3335
);

0 commit comments

Comments
 (0)