Skip to content

Commit

Permalink
aditya-mitra/new_updates
Browse files Browse the repository at this point in the history 
New updates with projects and skills
  • Loading branch information
@aditya-mitra
aditya-mitra authored Mar 20, 2021
2 parents 974d449 + 59a4a20 commit caa0b9d
Show file tree
Hide file tree
Showing 11 changed files with 332 additions and 180 deletions.
7 changes: 6 additions & 1 deletion containers/Projects/cardComponents.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,12 @@ export const StackTags = (stacks) =>
const colour = glossColour[stack] || 'gray';

return (
<Tag key={idx} colorScheme={colour} rounded="full" variant="solid" className={tagClass}>
<Tag
key={idx}
backgroundColor={colour}
rounded="full"
variant="solid"
className={tagClass}>
<TagLabel>{stack}</TagLabel>
<TagRightIcon as={icon} />
</Tag>
Expand Down
196 changes: 90 additions & 106 deletions containers/Projects/constants.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,22 +13,29 @@ import {
SiNetlify,
SiDjango,
SiFirebase,
SiStrapi,
SiSocketDotIo,
SiServerless,
SiAmazonaws,
} from 'react-icons/si';
import { GrTechnology, GrCss3, GrNode } from 'react-icons/gr';
import { CgWebsite } from 'react-icons/cg';
import { IoLogoJavascript } from 'react-icons/io';
import { IoLogoAmplify } from 'react-icons/io5';
import { ImCodepen } from 'react-icons/im';
import { BsFillTriangleFill } from 'react-icons/bs';
import { GiSamusHelmet } from 'react-icons/gi';

export const glossIcon = {
// links
github: GoMarkGithub,
app: BiLink,
blog: FaPenNib,
vercel: BsFillTriangleFill,
netlify: SiNetlify,
firebase: SiFirebase,
codepen: ImCodepen,
vercel: BsFillTriangleFill,
amplify: IoLogoAmplify,

// stacks
html: SiHtml5,
Expand All @@ -41,10 +48,15 @@ export const glossIcon = {
redux: SiRedux,
nextjs: SiNextDotJs,
'react router': SiReactrouter,
hapijs: GiSamusHelmet,
socketio: SiSocketDotIo,

strapi: SiStrapi,
django: SiDjango,
postgresql: SiPostgresql,
mongodb: SiMongodb,
lambda: SiServerless,
aws: SiAmazonaws,

website: CgWebsite,
markdown: SiMarkdown,
Expand All @@ -63,100 +75,133 @@ export const glossColour = {
vercel: '#000099',

// stacks
html: 'green',
css: 'blue',
javascript: 'orange',
html: 'green.300',
css: 'blue.200',
javascript: 'orange.400',

nodejs: 'orange',
expressjs: 'orange',
reactjs: 'red',
redux: 'cyan',
nextjs: 'cyan',
'react router': 'purple',
nodejs: 'green.400',
expressjs: 'gray.600',
reactjs: 'blue.700',
redux: 'purple.700',
nextjs: 'gray.800',
'react router': 'cyan.200',
hapijs: 'orange.500',
strapi: 'purple.300',
socketio: 'gray.900',

django: 'purple',
postgresql: 'blue',
mongodb: 'teal',
django: 'green.700',
postgresql: 'cyan.700',
mongodb: 'teal.500',
amplify: 'yellow.500',
lambda: 'orange.600',
aws: 'yellow.600',

website: 'yellow',
markdown: 'pink',
website: 'yellow.400',
markdown: 'pink.400',
};

export default [
{
codex: 'cr',
codex: 'fthy',
items: [
{
title: 'Code Rush',
title: 'Featherify',
description:
'Code Rush is a competitive coding platform. It is open source coding platform supporting 6 coding languages.',
'Dynamically generate an image subsitute for your code. This was the winner project of AWS Amplify + Hashnode Hackathon.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604304531/portfolio/Code%20Rush/cr-1_pd3aak.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/v1616272533/portfolio/Featherify/featherify_logo_ake77f.png',
},
{
title: 'Code and solve questions',
title: 'Use in WebApp',
description:
'It is built on the latest standard of the web - the JAM Stack. It has an awesome ACE editor integrated into it. Live feedbacks on submissions are provided. Competitors can check their score on the leaderboard.',
'The Playground of Featherify can either generate css code or base64. The placeholder subsitutes in this site were generated here.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604304530/portfolio/Code%20Rush/cr-2_ttkmqx.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/v1616272535/portfolio/Featherify/working_featherify_webapp_vbtnbf.png',
},
{
title: 'Beat your competitors',
title: 'Use via API',
description:
'There a lot of questions of all categories - easy, stacks, trickster, etc. An admin panel is also integrated in the backend of code rush. Live user count and comments for discussions are also enabled.',
'Featherify even offers an API which can dynamically generate images during build time. More information about this can be found on the blog post.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604304531/portfolio/Code%20Rush/cr-3_mct9ev.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/v1616272534/portfolio/Featherify/home_page_featherify_otzrfi.png',
},
],
links: [
{
provider: 'github',
link: 'https://github.com/aditya-mitra/code-rush',
provider: 'amplify',
link: 'https://prod.dgy94qrrhr9xz.amplifyapp.com/play',
},
{
provider: 'vercel',
link: 'https://code-rush.vercel.app/',
darkModeColour: 'gray.600',
provider: 'blog',
link: 'https://adityamitra.hashnode.dev/featherify-the-image-substitute-generator',
},
{
provider: 'github',
link: 'https://github.com/aditya-mitra/featherify',
},
],
stacks: ['nextjs', 'nodejs', 'mongodb', 'markdown'],
stacks: ['django', 'pillow', 'amplify', 'lambda', 'reactjs'],
},
{
codex: 'ccb',
codex: 'dscw',
items: [
{
title: 'Character Card Builder',
title: 'New DSC KIIT WebSite',
description:
'Character Card Builder is a web app that lets you make awesome looking cards on the site.',
"Lead Developer of our Club's new Website. Remade the whole site from scratch integrating whole new features.",
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/c_scale,h_300,q_100,w_300/v1604062891/portfolio/Character%20Card%20Builder/CCB_create_1_hzcd34.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/v1616268076/portfolio/New%20DSC%20KIIT%20Website/dsc_kiit_siteshot_zjjira.jpg',
},
{
title: 'Character Card Builder',
title: 'Quizzes',
description:
'It has a ton of features such as an awesome SEARCH feature and a fabulous DARK mode built and integrated into it.',
'It also has a live quiz system which has live feedback and live update. Badges are issued automatically when the score resets.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604261385/portfolio/Character%20Card%20Builder/CCB_Search_3_wgxikr.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/v1616268075/portfolio/New%20DSC%20KIIT%20Website/quiz_playground_dsc_kiit_fafinx.jpg',
},
],
links: [
{
title: 'Character Card Builder',
provider: 'github',
link: 'https://github.com/DSC-KIIT/dsckiit-website-2.0',
},
{
provider: 'website',
link: 'https://dsckiit.tech/',
},
],
stacks: ['strapi', 'aws', 'hapijs', 'socketio', 'nextjs'],
},
{
codex: 'cr',
items: [
{
title: 'Code Rush',
description:
'It also has a LIVE card creator that lets you see the card you as soon as you type. It was my first project that utilized postgresql and redux.',
'This was the runner-up project (2nd) for a hackathon conducted in my college during the pandemic lockdown.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604062660/portfolio/Character%20Card%20Builder/CCB_chars_2_w32zn9.webp',
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604304531/portfolio/Code%20Rush/cr-1_pd3aak.webp',
},
{
title: 'I was the Lead Developer',
description:
'A competive coding platform featuring live submission feedbacks, leaderboard, a powerful code editor, supporting 6 languages, admin panel, discussions, plus some more integrations.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604304531/portfolio/Code%20Rush/cr-3_mct9ev.webp',
},
],
links: [
{
provider: 'github',
link: 'https://github.com/aditya-mitra/card_builder',
link: 'https://github.com/aditya-mitra/code-rush',
},
{
provider: 'netlify',
link: 'https://charactercardbuilder.netlify.app',
provider: 'vercel',
link: 'https://code-rush.vercel.app/',
darkModeColour: 'gray.600',
},
],
stacks: ['nodejs', 'reactjs', 'postgresql', 'redux'],
stacks: ['nextjs', 'nodejs', 'mongodb', 'markdown'],
},
{
codex: 'whatster',
Expand Down Expand Up @@ -199,65 +244,4 @@ export default [
],
stacks: ['expressjs', 'reactjs', 'twilio', 'mongodb', 'react router'],
},

{
codex: 'pjs',
items: [
{
title: 'Power JS',
description:
'A full collection of WebPages and JS functionalities coded only using Vanilla JS.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604308432/portfolio/Power%20JS/pj-1_klb8hj.webp',
},
{
title: 'Power JS',
description: 'You can also view my other projects and pens on codepen.io/uinstinct',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604308433/portfolio/Power%20JS/pj-2_t5cjkq.webp',
},
],
links: [
{
provider: 'github',
link: 'https://github.com/aditya-mitra/powerJS',
},
{
provider: 'codepen',
link: 'https://codepen.io/collection/XWdjWw',
darkModeColour: 'gray.500',
},
],
stacks: ['html', 'css', 'javascript'],
},
{
codex: 'ssw',
items: [
{
title: 'Socio Students',
description:
'A web application created for students to get social and know each other better.',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604307197/portfolio/Socio%20Students/ssw-1-min_hfolhp.webp',
},
{
title: 'Socio Students',
description:
'Students can view others profile and edit or delete their profiles. It is a website built with django',
imgSrc:
'https://res.cloudinary.com/gamersinstinct7/image/upload/c_scale,h_300,q_100,w_300/v1604306984/portfolio/Socio%20Students/ssw-2_iwys6k.webp',
},
],
links: [
{
provider: 'github',
link: 'https://github.com/uinstinct/socioStudentWin',
},
{
provider: 'app',
link: 'https://djangoaditya.pythonanywhere.com/',
},
],
stacks: ['django', 'website'],
},
];
18 changes: 18 additions & 0 deletions containers/Projects/heading.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import { Icon, Link, Tooltip } from '@chakra-ui/react';
import { VscGithubAlt } from 'react-icons/vsc';

export default function OtherProjectLink() {
return (
<>
My Projects{' '}
<Tooltip
label="These are only my featured projects. Please check my other projects on GitHub"
placement="right-end"
hasArrow>
<Link isExternal href="https://github.com/aditya-mitra">
<Icon as={VscGithubAlt} />
</Link>
</Tooltip>
</>
);
}
3 changes: 2 additions & 1 deletion containers/Projects/index.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import constants from './constants';
import Card from './card';
import Heading from './heading';

import { containerHeader as headerClass } from '@/styles/containers.module.css';

Expand All @@ -25,7 +26,7 @@ export default function Projects() {
return (
<div>
<h1 id="myProjects" className={headerClass}>
My Projects
<Heading />
</h1>
{cards}
</div>
Expand Down
48 changes: 20 additions & 28 deletions containers/Projects/placeholders.js
View file

Large diffs are not rendered by default.

Loading

1 comment on commit caa0b9d

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Published on https://aditya-mitra.netlify.app as production
🚀 Deployed on https://60567cd436e57c1947e1f369--aditya-mitra.netlify.app

Please sign in to comment.