Skip to content

Commit

Permalink
animation modification
Browse files Browse the repository at this point in the history
  • Loading branch information
@akashgupta7363
akashgupta7363 committed Jun 20, 2023
1 parent a952e55 commit b8f44fa
Show file tree
Hide file tree
Showing 5 changed files with 177 additions and 156 deletions.
Binary file modified src/assets/Akash_Kr_Gupta_resume.pdf
View file
Binary file not shown.
297 changes: 159 additions & 138 deletions src/components/Portfolio/Portfolio.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,17 @@
import Videocast from "./Videocast";
import React from "react";
import "./portfolio.css";
import ss1 from "../../assets/videos/ss1.png";
import ss2 from "../../assets/videos/ss2.png";
import ss3 from "../../assets/videos/ss3.png";
import ss4 from "../../assets/videos/ss4.png";
import vid1 from "../../assets/videos/ewishmart.mp4";
import vid2 from "../../assets/videos/social.mp4";
import vid3 from "../../assets/videos/Tutor_s.mp4";
import vid4 from "../../assets/videos/notezip.mp4";
import { BsGithub } from "react-icons/bs";
import { RiSlideshowFill } from "react-icons/ri";
import Videocast from './Videocast';
import React from 'react';
import Fade from 'react-reveal/Fade';
import './portfolio.css';
import ss1 from '../../assets/videos/ss1.png';
import ss2 from '../../assets/videos/ss2.png';
import ss3 from '../../assets/videos/ss3.png';
import ss4 from '../../assets/videos/ss4.png';
import vid1 from '../../assets/videos/ewishmart.mp4';
import vid2 from '../../assets/videos/social.mp4';
import vid3 from '../../assets/videos/Tutor_s.mp4';
import vid4 from '../../assets/videos/notezip.mp4';
import { BsGithub } from 'react-icons/bs';
import { RiSlideshowFill } from 'react-icons/ri';

function Portfolio() {
return (
Expand All @@ -23,148 +24,168 @@ function Portfolio() {
⚡I design, develop and code beautifully simple things, and I love
what I do.⚡
</h3>

<div className="project pleft">
<div className="video">
<Videocast img={ss1} data={vid1} />
</div>
<div className="videoDesc">
<h4 className="project_title">E-Wish-Mart</h4>
<p>
Developing a fully functional multi-vendor eCommerce website,
integrating payment gateways such as PayPal.
<br /> Creating an intuitive vendor dashboard, empowering sellers
to manage their inventory, and track sales. <br />
Chat system where buyers and sellers can communicate effectively,
and search and filtering functionality, Product Catalog, Shopping
Cart and Checkout, Order Processing and Inventory Management, User
Management
</p>
<div className="techstack">
MERN stack, Tailwind css, Redux, socket.io
<Fade left duration={1000}>
<div className="video">
<Videocast img={ss1} data={vid1} />
</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/E-Wish-Mart"
target="_blank"
>
code <BsGithub />
</a>
</Fade>
<Fade right duration={1000}>
<div className="videoDesc">
<h4 className="project_title">E-Wish-Mart</h4>
<p>
Developing a fully functional multi-vendor eCommerce website,
integrating payment gateways such as PayPal.
<br /> Creating an intuitive vendor dashboard, empowering
sellers to manage their inventory, and track sales. <br />
Chat system where buyers and sellers can communicate
effectively, and search and filtering functionality, Product
Catalog, Shopping Cart and Checkout, Order Processing and
Inventory Management, User Management
</p>
<div className="techstack">
MERN stack, Tailwind css, Redux, socket.io
</div>
<div>
{" "}
<a target="_blank" href="https://e-wish-mart.onrender.com/">
Live Demo
<RiSlideshowFill style={{ marginLeft: "6px" }} />
</a>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/E-Wish-Mart"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{' '}
<a target="_blank" href="https://e-wish-mart.onrender.com/">
Live Demo
<RiSlideshowFill style={{ marginLeft: '6px' }} />
</a>
</div>
</div>
</div>
</div>
</Fade>
</div>
<div className="project pright">
<div className="videoDesc">
<h4 className="project_title">Social-Chit-Chat</h4>
<p>
Developed a real-time chat web application using Utilized
Socket.IO to establish a real-time, bidirectional communication
channel, enabling instant messaging and updating of chat rooms.
User Authentication and Management, Profile setup, Creating Group,
editing members list anytime by admin Typing indicator in the
chatbox, real-time notifications from the sender.
</p>
<div className="techstack">MERN stack, socket.io</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/Web-Chat-App"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{" "}
<a target="_blank" href="https://socialchitchat.onrender.com/">
Live Demo
<RiSlideshowFill style={{ marginLeft: "6px" }} />
</a>
<Fade left duration={1000}>
<div className="videoDesc">
<h4 className="project_title">Social-Chit-Chat</h4>
<p>
Developed a real-time chat web application using Utilized
Socket.IO to establish a real-time, bidirectional communication
channel, enabling instant messaging and updating of chat rooms.
User Authentication and Management, Profile setup, Creating
Group, editing members list anytime by admin Typing indicator in
the chatbox, real-time notifications from the sender.
</p>
<div className="techstack">MERN stack, socket.io</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/Web-Chat-App"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{' '}
<a
target="_blank"
href="https://socialchitchat.onrender.com/"
>
Live Demo
<RiSlideshowFill style={{ marginLeft: '6px' }} />
</a>
</div>
</div>
</div>
</div>
<div className="video">
<Videocast img={ss2} data={vid2} />
</div>
</Fade>
<Fade right duration={1000}>
<div className="video">
<Videocast img={ss2} data={vid2} />
</div>
</Fade>
</div>
<div className="project pleft">
<div className="video">
<Videocast img={ss3} data={vid3} />
</div>
<div className="videoDesc">
<h4 className="project_title">Tutor's Den</h4>
<p>
Developed a web app for Tutor and student management module to
smoothen the education experience for the students. Three
entities- admin, faculty, and students. Admin has facilities like
assigning faculty, adding students, and pushing notice. Faculties
can keep track of students' attendance and can create tests and
upload marks. Students can view all of this anytime.
</p>
<div className="techstack">MERN stack, Tailwind CSS, Redux</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/College-Project"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{" "}
<a target="_blank" href="https://tutors-den.onrender.com/">
Live Demo
<RiSlideshowFill style={{ marginLeft: "6px" }} />
</a>
<Fade left duration={1000}>
<div className="video">
<Videocast img={ss3} data={vid3} />
</div>
</Fade>
<Fade right duration={1000}>
<div className="videoDesc">
<h4 className="project_title">Tutor's Den</h4>
<p>
Developed a web app for Tutor and student management module to
smoothen the education experience for the students. Three
entities- admin, faculty, and students. Admin has facilities
like assigning faculty, adding students, and pushing notice.
Faculties can keep track of students' attendance and can create
tests and upload marks. Students can view all of this anytime.
</p>
<div className="techstack">MERN stack, Tailwind CSS, Redux</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/College-Project"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{' '}
<a target="_blank" href="https://tutors-den.onrender.com/">
Live Demo
<RiSlideshowFill style={{ marginLeft: '6px' }} />
</a>
</div>
</div>
</div>
</div>
</Fade>
</div>
<div className="project pright">
<div className="videoDesc">
<h4 className="project_title">Notes Ziper</h4>
<p>
Developed a website where anyone can log in and keep their notes
in one place safely. Login, User authentication, profile set-up.
Users can add, edit, update, and delete the notes anytime.
<br /> Users can categorize their notes by applying tags and
labels, making it easier to locate specific information and create
a structured organization system.
</p>
<div className="techstack">MERN stack, Redux</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/note-zipper"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{" "}
<a
target="_blank"
href="https://notes-zipper-app.onrender.com/"
>
Live Demo
<RiSlideshowFill style={{ marginLeft: "6px" }} />
</a>
<Fade left duration={1000}>
<div className="videoDesc">
<h4 className="project_title">Notes Ziper</h4>
<p>
Developed a website where anyone can log in and keep their notes
in one place safely. Login, User authentication, profile set-up.
Users can add, edit, update, and delete the notes anytime.
<br /> Users can categorize their notes by applying tags and
labels, making it easier to locate specific information and
create a structured organization system.
</p>
<div className="techstack">MERN stack, Redux</div>
<div className="live">
<div>
<a
href="https://github.com/akashgupta7363/note-zipper"
target="_blank"
>
code <BsGithub />
</a>
</div>
<div>
{' '}
<a
target="_blank"
href="https://notes-zipper-app.onrender.com/"
>
Live Demo
<RiSlideshowFill style={{ marginLeft: '6px' }} />
</a>
</div>
</div>
</div>
</div>
<div className="video">
<Videocast img={ss4} data={vid4} />
</div>
</Fade>
<Fade right duration={1000}>
<div className="video">
<Videocast img={ss4} data={vid4} />
</div>
</Fade>
</div>
</div>
</section>
Expand Down
16 changes: 8 additions & 8 deletions src/components/about/About.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import React from "react";
import "./about.css";
import Fade from "react-reveal/Fade";
import React from 'react';
import './about.css';
import Fade from 'react-reveal/Fade';

import codingperson from "../../assets/codingPerson.json";
import { FaAward } from "react-icons/fa";
import { VscFolderLibrary } from "react-icons/vsc";
import { BiSupport } from "react-icons/bi";
import Lottie from "lottie-react";
import codingperson from '../../assets/codingPerson.json';
import { FaAward } from 'react-icons/fa';
import { VscFolderLibrary } from 'react-icons/vsc';
import { BiSupport } from 'react-icons/bi';
import Lottie from 'lottie-react';

function About() {
return (
Expand Down
4 changes: 2 additions & 2 deletions src/components/header/CTA.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from "react";
import CV from "../../assets/Akash_Kr_Gupta_resume.pdf";
import React from 'react';
import CV from '../../assets/Akash_Kr_Gupta_resume.pdf';

function CTA() {
return (
Expand Down
16 changes: 8 additions & 8 deletions src/components/header/Header.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import React from "react";
import "./header.css";
import CTA from "./CTA";
import ME from "../../assets/IMG_20230506_171548.png";
import HeaderSocials from "./HeaderSocials";
import emoji from "react-easy-emoji";
import React from 'react';
import './header.css';
import CTA from './CTA';
import ME from '../../assets/IMG_20230506_171548.png';
import HeaderSocials from './HeaderSocials';
import emoji from 'react-easy-emoji';

function Header() {
return (
Expand All @@ -16,8 +16,8 @@ function Header() {
<div className="right">
<h5>Hello I'm</h5>
<h1>
Akash Kumar Gupta{" "}
<span className="wave-emoji">{emoji("👋")}</span>
Akash Kumar Gupta{' '}
<span className="wave-emoji">{emoji('👋')}</span>
</h1>
<h5 className="text-light">A Full-Stack Developer</h5>
<CTA />
Expand Down

0 comments on commit b8f44fa

Please sign in to comment.