bravo68web
/
bravo68web-portfolio-nextjs
mirror of https://github.com/BRAVO68WEB/bravo68web-portfolio-nextjs.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

WIP

This commit is contained in:
Jyotirmoy Bandyopadhayaya 2022-08-19 23:33:24 +05:30
parent 401836381b
commit 0e03ab7074
16 changed files with 6155 additions and 4312 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/art.js
View File

@ -1,6 +1,6 @@
import React from "react";
import { ArtStyle } from "./art.style";
import { projects } from "config";
import { projects, arts } from "config";
import SkillCard from "./artCard";
import ArtModel from "./artModal";
@ -15,6 +15,13 @@ function Art() {
</>
);
})}
{arts.map((project, index) => {
return (
<>
<SkillCard key={index} {...project} />
</>
);
})}
</ArtStyle>
</>
);

4
components/artCard.js
View File

@ -1,9 +1,9 @@
import React from "react";
import {useState} from "react";
import ArtCardStyle from "./artCard.style";
import ArtModel from "./artModal";
function SkillCard({ name, description, image, type, url, onClick }) {
const [open, setOpen] = React.useState(false);
const [open, setOpen] = useState(false);
const handleClose = () => {
setOpen(false);
};

6
components/artCard.style.jsx
View File

@ -9,8 +9,12 @@ export default styled.div`
border-radius: 5px;
box-shadow: 10px 9px 0px -3px #fffefe;
margin: 5px;
* {
margin-top: inherit;
}
.type {
color: var(--color1);
color: #92dcf3;
/* padding: 4px; */
}
.card-logo {
display: flex;

31
components/contact.js
View File

@ -1,15 +1,15 @@
import React from "react";
import { useState } from "react";
import { ContactStyle } from "./contact.style";
import axios from "handlers/axios";
function Contact() {
const [input, setInput] = React.useState({
const [input, setInput] = useState({
senderName: "",
email: "",
message: "",
topic: "",
});
const [isSubmitted, setIsSubmitted] = React.useState("Sent");
const [isSubmitted, setIsSubmitted] = useState(false);
function changeInput(evt) {
const { name, value } = evt.target;
setInput({
@ -20,17 +20,16 @@ function Contact() {
function submitForm(evt) {
evt.preventDefault();
axios.post("/contactme/postQuery", input);
setIsSubmitted("Done");
setIsSubmitted(true);
}
return (
return (
<ContactStyle>
<div className="form-group-main row">
<div className="column">
<div className="prewritten-info">
<div className="prewritten-info-content">
<h2>Contact Me</h2>
<br />
<p>
<h1><u>Contact Me</u></h1>
<p>
If you have any questions, feel free to contact me. I am always
open to discussing new projects and opportunities.
</p>
@ -39,7 +38,6 @@ function Contact() {
<h3>
<strong>Email:</strong>
</h3>
<br />
<a href="mailto:me@bravo68web.me">me@bravo68web.me</a>
</p>
<br />
@ -47,7 +45,6 @@ function Contact() {
<h3>
<strong>Phone:</strong>
</h3>
<br />
<a href="tel:+916291559872">+91 6291559872</a>
</p>
<br />
@ -55,9 +52,17 @@ function Contact() {
<h3>
<strong>Discord:</strong>
</h3>
<br />
<a href="https://discord.com/users/457039372009865226">
Bravo68-DF_Techs#6429
</a>
</p>
<br />
<p>
<h3>
<strong>Extra:</strong>
</h3>
<a href="https://calendly.com/bravo68web">
Calendly
</a>
</p>
</div>
@ -118,8 +123,8 @@ function Contact() {
placeholder="Your message"
/>
</div>
<button type="submit" className="btn btn-primary">
{isSubmitted}
<button type="submit" className="btn btn-primary" disabled={isSubmitted}>
Submit
</button>
</form>
</div>

6
components/skillComponents/github_events.jsx
View File

@ -121,7 +121,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br />
{evt1.repo.name}
</div>
<div className="description commit-msg">{evt1?.commitMsg}</div>
<div className="description commit-msg">{evt1?.commitMsg.slice(0,50)}</div>
{/* <div className="description">{evt1?.created_at}</div> */}
</div>
<br />
@ -132,7 +132,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br />
{evt2.repo.name}
</div>
<div className="description commit-msg">{evt2?.commitMsg}</div>
<div className="description commit-msg">{evt2?.commitMsg.slice(0,50)}</div>
{/* <div className="description">{evt2?.created_at}</div> */}
</div>
<br />
@ -143,7 +143,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br />
{evt3.repo.name}
</div>
<div className="description commit-msg">{evt3?.commitMsg}</div>
<div className="description commit-msg">{evt3?.commitMsg.slice(0,50)}</div>
{/* <div className="description">{evt3?.created_at}</div> */}
</div>
</SkillCard>

2
components/skillComponents/wakatime_user.jsx
View File

@ -16,7 +16,7 @@ function WakatimeUserSkillCard({
<SkillCard title={title} image={image} url={url}>
<div className="description">Total Code time :- {total_time}</div>
<div className="description">
Average Weekly Code time :- {average_weekly_time}
Average Daily Code time :- {average_weekly_time}
</div>
<div className="description">
Total Weekly Code time :- {total_weekly_time}

1
components/skills.jsx
View File

@ -23,7 +23,6 @@ import GitHubUserEvtSkillCard from "./skillComponents/github_events";
function Skills() {
const [skills, setSkills] = useState({});
const [loading, setLoading] = useState(true);
console.log(skills);
async function requestAPIS() {
await APISDK.req();

130
config.js
View File

@ -47,7 +47,6 @@ export const LanguagesKnownCategory = [
{ Go: "#BFD641" },
{ Bash: "#010100" },
{ Java: "#FFCD00" },
{ NextJS: "#010100" },
{ Docker: "#00b7ff" },
{ AWS: "#00A591" },
{ TypeScript: "#FFCD00" },
@ -55,6 +54,7 @@ export const LanguagesKnownCategory = [
{ "Cloud Computing": "#E00198" },
{ Git: "#DD4132" },
{ Linux: "#010100" },
{ NextJS: "#010100" },
];
export const arts = [
@ -82,23 +82,23 @@ export const arts = [
{
name: "Kirby",
type: "art",
description: "A Student, Full Stack and DevOps Platform Developer",
description: "Drawing of Kirby",
image: "/images/art/Final_best.png",
url: "/images/art/Final_best.png",
},
];
const myqbs = async () => {
let qb1 = await qbadges("293e000c-f58c-4119-b60b-e0e7a769e61f");
let qb2 = await qbadges("dd51f4e2-6171-461b-888c-ce954832c72e");
qb1 = qb1.concat(qb2);
let map = new Map(Object.entries(qb1));
return map;
}
// const myqbs = async () => {
// let qb1 = await qbadges("293e000c-f58c-4119-b60b-e0e7a769e61f");
// let qb2 = await qbadges("dd51f4e2-6171-461b-888c-ce954832c72e");
// qb1 = qb1.concat(qb2);
// let map = new Map(Object.entries(qb1));
// return map;
// }
export let qb = myqbs().then(async (qbd) => {
return qbd;
}).catch((err) => console.error(err));
// export let qb = myqbs().then(async (qbd) => {
// return qbd;
// }).catch((err) => console.error(err));
export const extra = [
{
@ -134,11 +134,83 @@ export const extra = [
];
export const projects = [
{
name: "Enterprise Workspace Images [arm64]",
type: "project",
description:
"Docker images [arm64] for use with Coder",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/enterprise-images",
},
{
name: "Fixer Cache Builder",
type: "project",
description:
"A Caching service to store Fixer Exchange Rates.",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/fixer-cache-builder",
},
{
name: "B68-CLI",
type: "project",
description:
"A Command Line Application to interact with B68WEB API",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/b68-cli",
},
{
name: "LPU MiniProject",
type: "project",
description:
"Project Made for Summer Training MiniProject made by Jyotirmoy",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/lpu-summer-training-miniproject",
},
{
name: "Another Quote Webapp",
type: "project",
description:
"A web app that allows users to view and share quotes.",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/another-quote-webapp",
},
{
name: "Hello Tauri App",
type: "project",
description:
"An basic hello tauri app",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/hello-tauri-app",
},
{
name: "Osu! Score Embed",
type: "project",
description:
"Embed osu! stats in Github Readme Profile",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/osu-score-embed",
},
{
name: "WorkerBin (cf-challenge)",
type: "project",
description:
"A Pastebin alternative, but it is using CF Worker API to store the data.",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/cf-challenge",
},
{
name: "Rust Shuttle",
type: "project",
description:
"A Url Shortener microservice build with Rust",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/rust-shuttle-url-sh",
},
{
name: "URL Minify",
type: "project",
description:
"Open Source | URL Minify is a simple URL shortener service that allows you to shorten any URL and redirect to the original URL.",
"Simple URL shortener service that allows you to shorten any URL and redirect to the original URL.",
image:
"https://user-images.githubusercontent.com/41448663/153746139-237f8e4d-be25-4f04-91ec-2bb3ff6f0e34.png",
url: "https://github.com/BRAVO68WEB/url-minify",
@ -173,7 +245,7 @@ export const projects = [
type: "project",
description:
"Server Init Script is a script to initialize the server and its services esp. Oracle Server",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/oracle-server-init",
},
{
@ -197,14 +269,14 @@ export const projects = [
type: "project",
description:
"Made a NodeJS Authentication and JWT Session with Redis support",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/nodejs-auth-jwt-session",
},
{
name: "simplify-cd",
type: "project",
description: "Made a CI/CD application to deploy any nodejs application",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/simplify-cd",
},
{
@ -220,7 +292,7 @@ export const projects = [
type: "project",
description:
"Made a npm package to fetch all the badges of a user from Qwiklabs",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/qbadges",
},
{
@ -260,7 +332,7 @@ export const projects = [
name: "yt-music-player",
type: "project",
description: "Made a YT Music Player",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/yt-music-player",
},
{
@ -275,14 +347,14 @@ export const projects = [
name: "lpu-ca1-python-proj",
type: "project",
description: "My University Python Project on Voice AI Assistant",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/lpu-ca1-python-proj",
},
{
name: "img-proxy",
type: "project",
description: "An Image Proxy Server",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/img-proxy",
},
{
@ -296,14 +368,14 @@ export const projects = [
name: "nodejs-image-upload-api",
type: "project",
description: "A NodeJS Image Upload API",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/chirag3003/nodejs-image-upload-api",
},
{
name: "OwO",
type: "project",
description: 'A Multi-Lingual approach to print "OwO"',
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/OwO",
},
{
@ -333,14 +405,14 @@ export const projects = [
name: "Bin Buster",
type: "project",
description: "A simple, fast and useful bruter for multiple paste sources.",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/bin-buster",
},
{
name: "LPU 2nd Sem Project",
type: "project",
description: "My University 2nd Sem Project on Web Development",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/lpu-2nd-sem-project",
},
{
@ -348,7 +420,7 @@ export const projects = [
type: "project",
description:
"A Random string encryptor w.r.t. Timestamps to add Security to your Web Application",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/Randomizer",
},
{
@ -372,7 +444,7 @@ export const projects = [
name: "MERN LPU HRD Project",
type: "project",
description: "An MERN Stack Project created for LPU HRD",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/mern-lpu-hrd-project",
},
{
@ -387,21 +459,21 @@ export const projects = [
name: "Flutter Portfolio",
type: "project",
description: "My Portfolio made with Flutter Web framework",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/Portfolio-About",
},
{
name: "Hexo Webnary Theme",
type: "project",
description: "A Fully Customised Hexo Flat Modular Theme",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/hexo-webnary-theme",
},
{
name: "HOTEL_AND_TRANS_RES",
type: "project",
description: "Hotel and transportation reservation management",
image: "https://logos-world.net/wp-content/uploads/2020/11/GitHub-Logo.png",
image: "/images/GitHub-Logo.png",
url: "https://github.com/BRAVO68WEB/HOTEL_AND_TRANS_RES",
},
{

13
handlers/sdk.js
View File

@ -1,15 +1,4 @@
import { tempEndpoint, requester } from "./requester";
// gh_user,
// discord_activity,
// osu_recent,
// osu_user,
// osu_bestScores,
// spotify_top_songs,
// wakatime_user,
// wakatime_stats,
// hn_user,
// twitter_user,
// twitter_tweets,
import {requester } from "./requester";
export const APISDK = {
data: {},

1
package.json
View File

@ -30,7 +30,6 @@
"axios": "^0.26.1",
"ciao-status-fetch": "^1.0.1",
"core-js": "^3.21.1",
"cursor-react": "^1.0.3",
"date-format-parse": "^0.2.7",
"fs-extra": "^10.0.1",
"next": "^12.1.4",

4
pages/_app.js
View File

@ -1,10 +1,10 @@
import "../styles/globals.css";
import CustomCursor from "components/providers/cursor";
// import CustomCursor from "components/providers/cursor";
function MyPortfolio({ Component, pageProps }) {
return (
<>
<CustomCursor />
{/* <CustomCursor /> */}
<Component {...pageProps} />
</>
)

2
pages/contact.js
View File

@ -4,7 +4,7 @@ import Contact from "components/contact";
import Footer from "components/footer";
export default function Home() {
return (
return (
<div>
<Head>
<title>

3072
pnpm-lock.yaml Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
public/images/GitHub-Logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

6
styles/globals.css
View File

@ -34,7 +34,7 @@ body {
width: 100vw;
/* color:var(--color3) */
color: var(--color7);
cursor: none;
/* cursor: none; */
}
a {
color: inherit;
@ -45,7 +45,7 @@ a {
box-sizing: border-box;
}
.cursor {
/* .cursor {
width: 20px;
height: 20px;
border: 1px solid white;
@ -81,4 +81,4 @@ a {
.expand {
animation: cursorAnim .5s forwards;
}
} */

7180
yarn.lock
View File

File diff suppressed because it is too large Load Diff