diff --git a/Images/readme-img.png b/Images/readme-img.png deleted file mode 100644 index 3d0ad5826d..0000000000 Binary files a/Images/readme-img.png and /dev/null differ diff --git a/Images/readme-img1.png b/Images/readme-img1.png deleted file mode 100644 index bc1405d147..0000000000 Binary files a/Images/readme-img1.png and /dev/null differ diff --git a/Images/readme-responsive.png b/Images/readme-responsive.png new file mode 100644 index 0000000000..7d73d14c8b Binary files /dev/null and b/Images/readme-responsive.png differ diff --git a/Images/readme-sshot.png b/Images/readme-sshot.png new file mode 100644 index 0000000000..573a29c142 Binary files /dev/null and b/Images/readme-sshot.png differ diff --git a/README.md b/README.md index 7d47427349..c76951df89 100644 --- a/README.md +++ b/README.md @@ -1,76 +1,30 @@

- Portfolio Website - v2.0
- soumyajit.tech + Level-Up Portfolio
+

- Demo + Site Screenshot
- +
+ Responsive Screenshot
-
- -[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)   -[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)   -[![forthebadge](https://forthebadge.com/images/badges/open-source.svg)](https://forthebadge.com)   -![GitHub Repo stars](https://img.shields.io/github/stars/soumyajit4419/Portfolio?color=red&logo=github&style=for-the-badge)   -![GitHub forks](https://img.shields.io/github/forks/soumyajit4419/Portfolio?color=red&logo=github&style=for-the-badge) - -
- -

- πŸ”Ή - Report Bug     - πŸ”Ή - Request Feature -

- -## TL;DR - -You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Soumyajit4419](https://github.com/soumyajit4419/Portfolio). Thanks! ## Built With -My personal portfolio soumyajit.tech which features some of my github projects as well as my resume and technical skills.
- -This project was built using these technologies. - - React.js - Node.js -- Express.js - CSS3 - VsCode -- Vercel +- JavaScript ## Features -**πŸ“– Multi-Page Layout** - -**🎨 Styled with React-Bootstrap and Css with easy to customize colors** - -**πŸ“± Fully Responsive** - -## Getting Started - -Clone down this repository. You will need `node.js` and `git` installed globally on your machine. - -## πŸ›  Installation and Setup Instructions - -1. Installation: `npm install` - -2. In the project directory, you can run: `npm start` - -Runs the app in the development mode.\ -Open [http://localhost:3000](http://localhost:3000) to view it in the browser. -The page will reload if you make edits. - -## Usage Instructions +**Multi-Page Layout** -Open the project folder and Navigate to `/src/components/`.
-You will find all the components used and you can edit your information accordingly. +**Styled with React-Bootstrap and CSS with customized colors.** -### Show your support +**Fully Responsive** -Give a ⭐ if you like this website! -Buy Me A Coffee +Thanks and acknowledgement to soumyajit.tech for the inspiration and the chance to take his work apart and put it back together and make it my own. diff --git a/package.json b/package.json index de0fb4a71a..4e9c296929 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "web-vitals": "^2.1.4" }, "scripts": { - "start": "react-scripts start", + "start": "set PORT=3000 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" diff --git a/public/favicon.png b/public/favicon.png index 035c9b728a..2ce5cbb5c0 100644 Binary files a/public/favicon.png and b/public/favicon.png differ diff --git a/public/index.html b/public/index.html index 9a1d8bdd82..5283c4839b 100644 --- a/public/index.html +++ b/public/index.html @@ -8,33 +8,19 @@ - S0umyajit | Portfolio - + niansahc | Level-Up-Portfolio + - - - - - - - - - - - - - - - - + + + - +
diff --git a/src/App.js b/src/App.js index f080c888b1..321d23c815 100644 --- a/src/App.js +++ b/src/App.js @@ -6,6 +6,8 @@ import About from "./components/About/About"; import Projects from "./components/Projects/Projects"; import Footer from "./components/Footer"; import Resume from "./components/Resume/ResumeNew"; +import JavaScriptAppWrapper from './components/Projects/self-care-8-ball/JavaScriptAppWrapper'; + import { BrowserRouter as Router, Route, @@ -40,6 +42,7 @@ function App() { } /> } /> } /> +
diff --git a/src/Assets/Projects/algo.png b/src/Assets/Projects/algo.png deleted file mode 100644 index bd65e194ba..0000000000 Binary files a/src/Assets/Projects/algo.png and /dev/null differ diff --git a/src/Assets/Projects/blog.png b/src/Assets/Projects/blog.png deleted file mode 100644 index dc1761451b..0000000000 Binary files a/src/Assets/Projects/blog.png and /dev/null differ diff --git a/src/Assets/Projects/chatify.png b/src/Assets/Projects/chatify.png deleted file mode 100644 index ab6a6c8802..0000000000 Binary files a/src/Assets/Projects/chatify.png and /dev/null differ diff --git a/src/Assets/Projects/codeEditor.png b/src/Assets/Projects/codeEditor.png deleted file mode 100644 index 1df34978b6..0000000000 Binary files a/src/Assets/Projects/codeEditor.png and /dev/null differ diff --git a/src/Assets/Projects/colour-moods.png b/src/Assets/Projects/colour-moods.png new file mode 100644 index 0000000000..7d348b2980 Binary files /dev/null and b/src/Assets/Projects/colour-moods.png differ diff --git a/src/Assets/Projects/emotion.jpeg b/src/Assets/Projects/emotion.jpeg deleted file mode 100644 index b2f1d03023..0000000000 Binary files a/src/Assets/Projects/emotion.jpeg and /dev/null differ diff --git a/src/Assets/Projects/hubert-octopus.png b/src/Assets/Projects/hubert-octopus.png new file mode 100644 index 0000000000..4be69b82e2 Binary files /dev/null and b/src/Assets/Projects/hubert-octopus.png differ diff --git a/src/Assets/Projects/leaf.png b/src/Assets/Projects/leaf.png deleted file mode 100644 index a39c34ebf5..0000000000 Binary files a/src/Assets/Projects/leaf.png and /dev/null differ diff --git a/src/Assets/Projects/plant.jpeg b/src/Assets/Projects/plant.jpeg deleted file mode 100644 index 0a12f302fa..0000000000 Binary files a/src/Assets/Projects/plant.jpeg and /dev/null differ diff --git a/src/Assets/Projects/portfolio.png b/src/Assets/Projects/portfolio.png new file mode 100644 index 0000000000..d116e0deae Binary files /dev/null and b/src/Assets/Projects/portfolio.png differ diff --git a/src/Assets/Projects/self-care-8-ball.png b/src/Assets/Projects/self-care-8-ball.png new file mode 100644 index 0000000000..12965fbac0 Binary files /dev/null and b/src/Assets/Projects/self-care-8-ball.png differ diff --git a/src/Assets/Projects/suicide.png b/src/Assets/Projects/suicide.png deleted file mode 100644 index 612f4eecbd..0000000000 Binary files a/src/Assets/Projects/suicide.png and /dev/null differ diff --git a/src/Assets/Soumyajit_Behera-BIT_MESRA.pdf b/src/Assets/Soumyajit_Behera-BIT_MESRA.pdf deleted file mode 100644 index 2a42b62657..0000000000 Binary files a/src/Assets/Soumyajit_Behera-BIT_MESRA.pdf and /dev/null differ diff --git a/src/Assets/about.png b/src/Assets/about.png index 89af6a5264..3f1b2efef7 100644 Binary files a/src/Assets/about.png and b/src/Assets/about.png differ diff --git a/src/Assets/avatar.svg b/src/Assets/avatar.svg deleted file mode 100644 index 25aa23c3b4..0000000000 --- a/src/Assets/avatar.svg +++ /dev/null @@ -1,102 +0,0 @@ - - - - mf-avatar - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/Assets/home-bg.jpg b/src/Assets/home-bg.jpg index b152e6b544..c5bb1f410c 100644 Binary files a/src/Assets/home-bg.jpg and b/src/Assets/home-bg.jpg differ diff --git a/src/Assets/home-main.png b/src/Assets/home-main.png new file mode 100644 index 0000000000..cb168c19e1 Binary files /dev/null and b/src/Assets/home-main.png differ diff --git a/src/Assets/home-main.svg b/src/Assets/home-main.svg deleted file mode 100644 index a35167ee12..0000000000 --- a/src/Assets/home-main.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/src/Assets/hubert-leg.png b/src/Assets/hubert-leg.png new file mode 100644 index 0000000000..a182ec424b Binary files /dev/null and b/src/Assets/hubert-leg.png differ diff --git a/src/Assets/hubertbg.png b/src/Assets/hubertbg.png new file mode 100644 index 0000000000..49ea0cb523 Binary files /dev/null and b/src/Assets/hubertbg.png differ diff --git a/src/Assets/logo.png b/src/Assets/logo.png index 03df5e67c8..efd54371da 100644 Binary files a/src/Assets/logo.png and b/src/Assets/logo.png differ diff --git a/src/Assets/pre.svg b/src/Assets/pre.svg index d8e2562b5a..99e55e9f42 100644 --- a/src/Assets/pre.svg +++ b/src/Assets/pre.svg @@ -1,47 +1,21 @@ - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/About/About.js b/src/components/About/About.js index 81718229a2..9e23e6b224 100644 --- a/src/components/About/About.js +++ b/src/components/About/About.js @@ -22,26 +22,26 @@ function About() { }} >

- Know Who I'M + JOURNEY

about

- Professional Skillset + Professional Skillset

- Tools I use + Tools I love

diff --git a/src/components/About/AboutCard.js b/src/components/About/AboutCard.js index 3b68683729..773d115881 100644 --- a/src/components/About/AboutCard.js +++ b/src/components/About/AboutCard.js @@ -1,37 +1,67 @@ -import React from "react"; -import Card from "react-bootstrap/Card"; -import { ImPointRight } from "react-icons/im"; +import React from 'react'; +import Card from 'react-bootstrap/Card'; +import { ImBook } from 'react-icons/im'; +import { ImHeart } from 'react-icons/im'; function AboutCard() { return ( - + -
-

- Hi Everyone, I am Soumyajit Behera - from Bhubaneswar, India. -
I am a junior pursuing IMSC in Maths and Computing in BIT - Mesra. -
-
- Apart from coding, some other activities that I love to do! +

+

+ Learning

    -
  • - Playing Games +
  • + Studying/Practice: ~ 1 hr after work daily using the + + {' '} + Pomodoro Method +
    • -
  • - Writting Tech Blogs +
  • + React.js & JavaScript Bootcamps completed. This website + uses React and node
    • -
  • - Travelling +
  • + Strengthened frontend foundations in HTML, CSS, + JavaScript, PHP, Wordpress, and Chrome DevTools through + professional projects +
    • +
  • + Local backend development using WAMP & MySQL, building + with React.js and React App through Node.js, and version control + using GitHub +
    • +
+ +
+
+

+ In addition to growing my technology skillset, I'm passionate about: +

+
    +
  • + Mindfulness / Self-Care / Mental Health Awareness +
    • +
  • + Learning / Growing / Sharing Knowledge +
    • +
  • + Writing / Podcasting / Streaming / Community Building +
    • +
  • + Advocacy / Activism / Accessibility
-

- "Strive to build things that make a difference!"{" "} +

+ "If you have knowledge, let others light their candle in it."{' '}

-
Soumyajit
+
Margaret Fuller
diff --git a/src/components/About/Github.js b/src/components/About/Github.js index fbdb507316..68f1bdc8b3 100644 --- a/src/components/About/Github.js +++ b/src/components/About/Github.js @@ -6,13 +6,13 @@ function Github() { return (

- Days I Code + WATCH ME GROW

diff --git a/src/components/About/Techstack.js b/src/components/About/Techstack.js index 1bd6e886cf..a3f207d35e 100644 --- a/src/components/About/Techstack.js +++ b/src/components/About/Techstack.js @@ -1,52 +1,57 @@ import React from "react"; import { Col, Row } from "react-bootstrap"; -import { CgCPlusPlus } from "react-icons/cg"; + import { DiJavascript1, DiReact, DiNodejs, - DiMongodb, - DiPython, DiGit, + DiGoogleAnalytics, + DiIllustrator, + DiMailchimp, + DiPhotoshop, + DiSass, + DiWordpress, } from "react-icons/di"; import { - SiPytorch, - SiFirebase, - SiNextdotjs, + SiTwitch, } from "react-icons/si"; function Techstack() { return ( - - - - + - + - + - - + + + + + - - + + - - + + + + + - - + + - - + + - - + + ); diff --git a/src/components/About/Toolstack.js b/src/components/About/Toolstack.js index 619d86dc54..ef0c37a58d 100644 --- a/src/components/About/Toolstack.js +++ b/src/components/About/Toolstack.js @@ -1,30 +1,46 @@ import React from "react"; import { Col, Row } from "react-bootstrap"; import { - SiLinux, + DiCodepen, + DiDocker, + DiMysql, + DiStackoverflow, +} from "react-icons/di"; +import { SiVisualstudiocode, - SiPostman, - SiHeroku, - SiVercel, + SiAudacity, + SiCanva, + SiCodecademy, + + } from "react-icons/si"; function Toolstack() { return ( - - - - + - - + + + + + + + + + + + + + + - - + + - - + + ); diff --git a/src/components/Footer.js b/src/components/Footer.js index 73151cd7ec..ad870bc6ee 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -1,66 +1,45 @@ -import React from "react"; -import { Container, Row, Col } from "react-bootstrap"; +import React from 'react'; +import { Container, Row, Col } from 'react-bootstrap'; import { AiFillGithub, - AiOutlineTwitter, - AiFillInstagram, -} from "react-icons/ai"; -import { FaLinkedinIn } from "react-icons/fa"; + +} from 'react-icons/ai'; +import { FaLinkedinIn } from 'react-icons/fa'; function Footer() { let date = new Date(); let year = date.getFullYear(); return ( - + - -

Designed and Developed by Soumyajit Behera

+ +

Designed and Developed by M. Chastain Fournoy

- -

Copyright Β© {year} SB

+ +

Copyright Β© {year} niansahc

- -
    -
  • + + diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index ff117bc3b3..00e100ed36 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -1,6 +1,6 @@ import React from "react"; import { Container, Row, Col } from "react-bootstrap"; -import homeLogo from "../../Assets/home-main.svg"; +import homeLogo from "../../Assets/home-main.png"; import Particle from "../Particle"; import Home2 from "./Home2"; import Type from "./Type"; @@ -14,16 +14,17 @@ function Home() {

    - Hi There!{" "} - - πŸ‘‹πŸ» + WELCOME!{" "} + + πŸ™

    -

    - I'M - SOUMYAJIT BEHERA -

    +

    + I'm + M. Chastain Flournoy +

    and this is my playground.

    +

    @@ -31,12 +32,15 @@ function Home() { + + + home pic + className="img-fluid" + style={{ maxHeight: "450px" }} + /> diff --git a/src/components/Home/Home2.js b/src/components/Home/Home2.js index 4b30d11129..5ef153423f 100644 --- a/src/components/Home/Home2.js +++ b/src/components/Home/Home2.js @@ -1,11 +1,9 @@ import React from "react"; import { Container, Row, Col } from "react-bootstrap"; -import myImg from "../../Assets/avatar.svg"; -import Tilt from "react-parallax-tilt"; + import { AiFillGithub, - AiOutlineTwitter, - AiFillInstagram, + } from "react-icons/ai"; import { FaLinkedinIn } from "react-icons/fa"; @@ -14,80 +12,61 @@ function Home2() { - +

    - LET ME INTRODUCE MYSELF + WHAT EXCITES ME

    - I fell in love with programming and I have at least learnt - something, I think… πŸ€·β€β™‚οΈ + I'm passionate about user experience, web accessibility, functional design, + and what makes things "tick." I love that there is no singular way to + create/solve/do when it comes to technology.
    -
    I am fluent in classics like +
    This site is an experiment using: - C++, Javascript and Python. + Node.js, React.js, HTML, JavaScript/JSX, and CSS.

    - My field of Interest's are building new   + I'm learning - Web Technologies and Products and - also in areas related to{" "} - - Deep Learning and Natural Launguage Processing. - - + ARIA (Accessible Rich Internet Applications) Markup + to improve my accessibility chops. This site is not fully accessible... yet.

    - Whenever possible, I also apply my passion for developing products - with Node.js and - - - {" "} - Modern Javascript Library and Frameworks - - -   like - - React.js and Next.js - +

    - - - avatar - - + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +     -

    FIND ME ON

    -

    - Feel free to connect with me -

    -
      +

      CONNECT WITH ME

      + diff --git a/src/components/Home/Type.js b/src/components/Home/Type.js index de744be8f2..4c68d42c4e 100644 --- a/src/components/Home/Type.js +++ b/src/components/Home/Type.js @@ -1,5 +1,6 @@ import React from "react"; import Typewriter from "typewriter-effect"; +//https://www.npmjs.com/package/typewriter-effect for customizations and features function Type() { return ( @@ -7,13 +8,15 @@ function Type() { options={{ strings: [ "Developer", - "Deep Learning Engineer", - "MERN Stack Developer", - "Open Source Contributor", + "Life-Long Learner", + "Problem-Solver", + "Technology Explorer", + "Engineer", + "Thought Leader", ], autoStart: true, loop: true, - deleteSpeed: 50, + deleteSpeed: 20, }} /> ); diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 400a239dd0..f833821e39 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -6,7 +6,7 @@ import logo from "../Assets/logo.png"; import Button from "react-bootstrap/Button"; import { Link } from "react-router-dom"; import { CgGitFork } from "react-icons/cg"; -import { ImBlog } from "react-icons/im"; + import { AiFillStar, AiOutlineHome, @@ -14,7 +14,6 @@ import { AiOutlineUser, } from "react-icons/ai"; -import { CgFileDocument } from "react-icons/cg"; function NavBar() { const [expand, updateExpanded] = useState(false); @@ -82,29 +81,13 @@ function NavBar() { - - updateExpanded(false)} - > - Resume - - + - - - Blogs - - + - - - ); -} -export default ProjectCards; + +   + {props.isBlog ? "View Blog" : "View Project"} + + + + ); + } + export default ProjectCards; + diff --git a/src/components/Projects/Projects.js b/src/components/Projects/Projects.js index 1160478253..98cb2bd3b2 100644 --- a/src/components/Projects/Projects.js +++ b/src/components/Projects/Projects.js @@ -1,84 +1,69 @@ -import React from "react"; -import { Container, Row, Col } from "react-bootstrap"; -import ProjectCard from "./ProjectCards"; -import Particle from "../Particle"; -import leaf from "../../Assets/Projects/leaf.png"; -import emotion from "../../Assets/Projects/emotion.jpeg"; -import editor from "../../Assets/Projects/codeEditor.png"; -import chatify from "../../Assets/Projects/chatify.png"; -import suicide from "../../Assets/Projects/suicide.png"; -import bitsOfCode from "../../Assets/Projects/blog.png"; +import React from 'react'; +import { Container, Row, Col } from 'react-bootstrap'; +import ProjectCard from './ProjectCards'; +import Particle from '../Particle'; +import colour from '../../Assets/Projects/colour-moods.png'; +import portfolio from '../../Assets/Projects/portfolio.png'; +import hubert from '../../Assets/Projects/hubert-octopus.png'; +import ball from '../../Assets/Projects/self-care-8-ball.png'; +; function Projects() { return ( - + -

      - My Recent Works +

      + A Portfolio

      -

      - Here are a few projects I've worked on recently. +

      + Some of my creative adventures with code.

      - - + + - + - + - - - - - - - - - - + diff --git a/src/components/Projects/self-care-8-ball/.gitignore b/src/components/Projects/self-care-8-ball/.gitignore new file mode 100644 index 0000000000..4d29575de8 --- /dev/null +++ b/src/components/Projects/self-care-8-ball/.gitignore @@ -0,0 +1,23 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# testing +/coverage + +# production +/build + +# misc +.DS_Store +.env.local +.env.development.local +.env.test.local +.env.production.local + +npm-debug.log* +yarn-debug.log* +yarn-error.log* diff --git a/src/components/Projects/self-care-8-ball/.vscode/settings.json b/src/components/Projects/self-care-8-ball/.vscode/settings.json new file mode 100644 index 0000000000..23830fb423 --- /dev/null +++ b/src/components/Projects/self-care-8-ball/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} diff --git a/src/components/Projects/self-care-8-ball/JavaScriptAppWrapper,js b/src/components/Projects/self-care-8-ball/JavaScriptAppWrapper,js new file mode 100644 index 0000000000..61930d029b --- /dev/null +++ b/src/components/Projects/self-care-8-ball/JavaScriptAppWrapper,js @@ -0,0 +1,17 @@ +import React from 'react'; + +const JavaScriptAppWrapper = () => { + return ( +
      +