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 React from "react";
import { ArtStyle } from "./art.style"; import { ArtStyle } from "./art.style";
import { projects } from "config"; import { projects, arts } from "config";
import SkillCard from "./artCard"; import SkillCard from "./artCard";
import ArtModel from "./artModal"; import ArtModel from "./artModal";
@ -15,6 +15,13 @@ function Art() {
</> </>
); );
})} })}
{arts.map((project, index) => {
return (
<>
<SkillCard key={index} {...project} />
</>
);
})}
</ArtStyle> </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 ArtCardStyle from "./artCard.style";
import ArtModel from "./artModal"; import ArtModel from "./artModal";
function SkillCard({ name, description, image, type, url, onClick }) { function SkillCard({ name, description, image, type, url, onClick }) {
const [open, setOpen] = React.useState(false); const [open, setOpen] = useState(false);
const handleClose = () => { const handleClose = () => {
setOpen(false); setOpen(false);
}; };

6
components/artCard.style.jsx
View File

@ -9,8 +9,12 @@ export default styled.div`
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 9px 0px -3px #fffefe; box-shadow: 10px 9px 0px -3px #fffefe;
margin: 5px; margin: 5px;
* {
margin-top: inherit;
}
.type { .type {
color: var(--color1); color: #92dcf3;
/* padding: 4px; */
} }
.card-logo { .card-logo {
display: flex; 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 { ContactStyle } from "./contact.style";
import axios from "handlers/axios"; import axios from "handlers/axios";
function Contact() { function Contact() {
const [input, setInput] = React.useState({ const [input, setInput] = useState({
senderName: "", senderName: "",
email: "", email: "",
message: "", message: "",
topic: "", topic: "",
}); });
const [isSubmitted, setIsSubmitted] = React.useState("Sent"); const [isSubmitted, setIsSubmitted] = useState(false);
function changeInput(evt) { function changeInput(evt) {
const { name, value } = evt.target; const { name, value } = evt.target;
setInput({ setInput({
@ -20,17 +20,16 @@ function Contact() {
function submitForm(evt) { function submitForm(evt) {
evt.preventDefault(); evt.preventDefault();
axios.post("/contactme/postQuery", input); axios.post("/contactme/postQuery", input);
setIsSubmitted("Done"); setIsSubmitted(true);
} }
return ( return (
<ContactStyle> <ContactStyle>
<div className="form-group-main row"> <div className="form-group-main row">
<div className="column"> <div className="column">
<div className="prewritten-info"> <div className="prewritten-info">
<div className="prewritten-info-content"> <div className="prewritten-info-content">
<h2>Contact Me</h2> <h1><u>Contact Me</u></h1>
<br /> <p>
<p>
If you have any questions, feel free to contact me. I am always If you have any questions, feel free to contact me. I am always
open to discussing new projects and opportunities. open to discussing new projects and opportunities.
</p> </p>
@ -39,7 +38,6 @@ function Contact() {
<h3> <h3>
<strong>Email:</strong> <strong>Email:</strong>
</h3> </h3>
<br />
<a href="mailto:me@bravo68web.me">me@bravo68web.me</a> <a href="mailto:me@bravo68web.me">me@bravo68web.me</a>
</p> </p>
<br /> <br />
@ -47,7 +45,6 @@ function Contact() {
<h3> <h3>
<strong>Phone:</strong> <strong>Phone:</strong>
</h3> </h3>
<br />
<a href="tel:+916291559872">+91 6291559872</a> <a href="tel:+916291559872">+91 6291559872</a>
</p> </p>
<br /> <br />
@ -55,9 +52,17 @@ function Contact() {
<h3> <h3>
<strong>Discord:</strong> <strong>Discord:</strong>
</h3> </h3>
<br />
<a href="https://discord.com/users/457039372009865226"> <a href="https://discord.com/users/457039372009865226">
Bravo68-DF_Techs#6429 Bravo68-DF_Techs#6429
</a>
</p>
<br />
<p>
<h3>
<strong>Extra:</strong>
</h3>
<a href="https://calendly.com/bravo68web">
Calendly
</a> </a>
</p> </p>
</div> </div>
@ -118,8 +123,8 @@ function Contact() {
placeholder="Your message" placeholder="Your message"
/> />
</div> </div>
<button type="submit" className="btn btn-primary"> <button type="submit" className="btn btn-primary" disabled={isSubmitted}>
{isSubmitted} Submit
</button> </button>
</form> </form>
</div> </div>

6
components/skillComponents/github_events.jsx
View File

@ -121,7 +121,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br /> <br />
{evt1.repo.name} {evt1.repo.name}
</div> </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 className="description">{evt1?.created_at}</div> */}
</div> </div>
<br /> <br />
@ -132,7 +132,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br /> <br />
{evt2.repo.name} {evt2.repo.name}
</div> </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 className="description">{evt2?.created_at}</div> */}
</div> </div>
<br /> <br />
@ -143,7 +143,7 @@ function GitHubUserEvtSkillCard({ title, image, evt1, evt2, evt3, url }) {
<br /> <br />
{evt3.repo.name} {evt3.repo.name}
</div> </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 className="description">{evt3?.created_at}</div> */}
</div> </div>
</SkillCard> </SkillCard>

2
components/skillComponents/wakatime_user.jsx
View File

@ -16,7 +16,7 @@ function WakatimeUserSkillCard({
<SkillCard title={title} image={image} url={url}> <SkillCard title={title} image={image} url={url}>
<div className="description">Total Code time :- {total_time}</div> <div className="description">Total Code time :- {total_time}</div>
<div className="description"> <div className="description">
Average Weekly Code time :- {average_weekly_time} Average Daily Code time :- {average_weekly_time}
</div> </div>
<div className="description"> <div className="description">
Total Weekly Code time :- {total_weekly_time} 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() { function Skills() {
const [skills, setSkills] = useState({}); const [skills, setSkills] = useState({});
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
console.log(skills);
async function requestAPIS() { async function requestAPIS() {
await APISDK.req(); await APISDK.req();

130
config.js
View File

@ -47,7 +47,6 @@ export const LanguagesKnownCategory = [
{ Go: "#BFD641" }, { Go: "#BFD641" },
{ Bash: "#010100" }, { Bash: "#010100" },
{ Java: "#FFCD00" }, { Java: "#FFCD00" },
{ NextJS: "#010100" },
{ Docker: "#00b7ff" }, { Docker: "#00b7ff" },
{ AWS: "#00A591" }, { AWS: "#00A591" },
{ TypeScript: "#FFCD00" }, { TypeScript: "#FFCD00" },
@ -55,6 +54,7 @@ export const LanguagesKnownCategory = [
{ "Cloud Computing": "#E00198" }, { "Cloud Computing": "#E00198" },
{ Git: "#DD4132" }, { Git: "#DD4132" },
{ Linux: "#010100" }, { Linux: "#010100" },
{ NextJS: "#010100" },
]; ];
export const arts = [ export const arts = [
@ -82,23 +82,23 @@ export const arts = [
{ {
name: "Kirby", name: "Kirby",
type: "art", type: "art",
description: "A Student, Full Stack and DevOps Platform Developer", description: "Drawing of Kirby",
image: "/images/art/Final_best.png", image: "/images/art/Final_best.png",
url: "/images/art/Final_best.png", url: "/images/art/Final_best.png",
}, },
]; ];
const myqbs = async () => { // const myqbs = async () => {
let qb1 = await qbadges("293e000c-f58c-4119-b60b-e0e7a769e61f"); // let qb1 = await qbadges("293e000c-f58c-4119-b60b-e0e7a769e61f");
let qb2 = await qbadges("dd51f4e2-6171-461b-888c-ce954832c72e"); // let qb2 = await qbadges("dd51f4e2-6171-461b-888c-ce954832c72e");
qb1 = qb1.concat(qb2); // qb1 = qb1.concat(qb2);
let map = new Map(Object.entries(qb1)); // let map = new Map(Object.entries(qb1));
return map; // return map;
} // }
export let qb = myqbs().then(async (qbd) => { // export let qb = myqbs().then(async (qbd) => {
return qbd; // return qbd;
}).catch((err) => console.error(err)); // }).catch((err) => console.error(err));
export const extra = [ export const extra = [
{ {
@ -134,11 +134,83 @@ export const extra = [
]; ];
export const projects = [ 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", name: "URL Minify",
type: "project", type: "project",
description: 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: image:
"https://user-images.githubusercontent.com/41448663/153746139-237f8e4d-be25-4f04-91ec-2bb3ff6f0e34.png", "https://user-images.githubusercontent.com/41448663/153746139-237f8e4d-be25-4f04-91ec-2bb3ff6f0e34.png",
url: "https://github.com/BRAVO68WEB/url-minify", url: "https://github.com/BRAVO68WEB/url-minify",
@ -173,7 +245,7 @@ export const projects = [
type: "project", type: "project",
description: description:
"Server Init Script is a script to initialize the server and its services esp. Oracle Server", "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", url: "https://github.com/BRAVO68WEB/oracle-server-init",
}, },
{ {
@ -197,14 +269,14 @@ export const projects = [
type: "project", type: "project",
description: description:
"Made a NodeJS Authentication and JWT Session with Redis support", "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", url: "https://github.com/BRAVO68WEB/nodejs-auth-jwt-session",
}, },
{ {
name: "simplify-cd", name: "simplify-cd",
type: "project", type: "project",
description: "Made a CI/CD application to deploy any nodejs application", 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", url: "https://github.com/BRAVO68WEB/simplify-cd",
}, },
{ {
@ -220,7 +292,7 @@ export const projects = [
type: "project", type: "project",
description: description:
"Made a npm package to fetch all the badges of a user from Qwiklabs", "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", url: "https://github.com/BRAVO68WEB/qbadges",
}, },
{ {
@ -260,7 +332,7 @@ export const projects = [
name: "yt-music-player", name: "yt-music-player",
type: "project", type: "project",
description: "Made a YT Music Player", 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", url: "https://github.com/BRAVO68WEB/yt-music-player",
}, },
{ {
@ -275,14 +347,14 @@ export const projects = [
name: "lpu-ca1-python-proj", name: "lpu-ca1-python-proj",
type: "project", type: "project",
description: "My University Python Project on Voice AI Assistant", 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", url: "https://github.com/BRAVO68WEB/lpu-ca1-python-proj",
}, },
{ {
name: "img-proxy", name: "img-proxy",
type: "project", type: "project",
description: "An Image Proxy Server", 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", url: "https://github.com/BRAVO68WEB/img-proxy",
}, },
{ {
@ -296,14 +368,14 @@ export const projects = [
name: "nodejs-image-upload-api", name: "nodejs-image-upload-api",
type: "project", type: "project",
description: "A NodeJS Image Upload API", 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", url: "https://github.com/chirag3003/nodejs-image-upload-api",
}, },
{ {
name: "OwO", name: "OwO",
type: "project", type: "project",
description: 'A Multi-Lingual approach to print "OwO"', 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", url: "https://github.com/BRAVO68WEB/OwO",
}, },
{ {
@ -333,14 +405,14 @@ export const projects = [
name: "Bin Buster", name: "Bin Buster",
type: "project", type: "project",
description: "A simple, fast and useful bruter for multiple paste sources.", 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", url: "https://github.com/BRAVO68WEB/bin-buster",
}, },
{ {
name: "LPU 2nd Sem Project", name: "LPU 2nd Sem Project",
type: "project", type: "project",
description: "My University 2nd Sem Project on Web Development", 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", url: "https://github.com/BRAVO68WEB/lpu-2nd-sem-project",
}, },
{ {
@ -348,7 +420,7 @@ export const projects = [
type: "project", type: "project",
description: description:
"A Random string encryptor w.r.t. Timestamps to add Security to your Web Application", "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", url: "https://github.com/BRAVO68WEB/Randomizer",
}, },
{ {
@ -372,7 +444,7 @@ export const projects = [
name: "MERN LPU HRD Project", name: "MERN LPU HRD Project",
type: "project", type: "project",
description: "An MERN Stack Project created for LPU HRD", 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", url: "https://github.com/BRAVO68WEB/mern-lpu-hrd-project",
}, },
{ {
@ -387,21 +459,21 @@ export const projects = [
name: "Flutter Portfolio", name: "Flutter Portfolio",
type: "project", type: "project",
description: "My Portfolio made with Flutter Web framework", 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", url: "https://github.com/BRAVO68WEB/Portfolio-About",
}, },
{ {
name: "Hexo Webnary Theme", name: "Hexo Webnary Theme",
type: "project", type: "project",
description: "A Fully Customised Hexo Flat Modular Theme", 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", url: "https://github.com/BRAVO68WEB/hexo-webnary-theme",
}, },
{ {
name: "HOTEL_AND_TRANS_RES", name: "HOTEL_AND_TRANS_RES",
type: "project", type: "project",
description: "Hotel and transportation reservation management", 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", url: "https://github.com/BRAVO68WEB/HOTEL_AND_TRANS_RES",
}, },
{ {

13
handlers/sdk.js
View File

@ -1,15 +1,4 @@
import { tempEndpoint, requester } from "./requester"; import {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,
export const APISDK = { export const APISDK = {
data: {}, data: {},

1
package.json
View File

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

4
pages/_app.js
View File

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

2
pages/contact.js
View File

@ -4,7 +4,7 @@ import Contact from "components/contact";
import Footer from "components/footer"; import Footer from "components/footer";
export default function Home() { export default function Home() {
return ( return (
<div> <div>
<Head> <Head>
<title> <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; width: 100vw;
/* color:var(--color3) */ /* color:var(--color3) */
color: var(--color7); color: var(--color7);
cursor: none; /* cursor: none; */
} }
a { a {
color: inherit; color: inherit;
@ -45,7 +45,7 @@ a {
box-sizing: border-box; box-sizing: border-box;
} }
.cursor { /* .cursor {
width: 20px; width: 20px;
height: 20px; height: 20px;
border: 1px solid white; border: 1px solid white;
@ -81,4 +81,4 @@ a {
.expand { .expand {
animation: cursorAnim .5s forwards; animation: cursorAnim .5s forwards;
} } */

7180
yarn.lock
View File

File diff suppressed because it is too large Load Diff