├── public ├── favicon.ico ├── assets │ ├── avatar.png │ ├── hire_bg.jpg │ ├── projects │ │ ├── web1.png │ │ ├── web2.png │ │ ├── web3.png │ │ ├── web4.png │ │ ├── web5.png │ │ ├── web6.png │ │ ├── web7.png │ │ ├── web8.png │ │ ├── web9.png │ │ ├── web10.png │ │ ├── web11.png │ │ ├── web12.png │ │ └── web13.png │ ├── icons │ │ ├── html.svg │ │ ├── css.svg │ │ ├── svg.svg │ │ ├── js.svg │ │ ├── php.svg │ │ ├── git.svg │ │ ├── nodejs.svg │ │ ├── react.svg │ │ ├── mongodb.svg │ │ ├── jquery.svg │ │ └── sass.svg │ └── logo.svg └── index.html ├── src ├── index.js ├── data │ ├── HomeData.jsx │ ├── AboutData.jsx │ ├── ContactData.jsx │ ├── NavData.jsx │ ├── WorkData.jsx │ ├── BioData.jsx │ └── ProjectsData.jsx ├── components │ ├── WorkCard.jsx │ ├── BioDataCard.jsx │ ├── ProjectsCard.jsx │ ├── Timeline.jsx │ └── Navbar.jsx ├── pages │ ├── Hire.jsx │ ├── Footer.jsx │ ├── Work.jsx │ ├── Projects.jsx │ ├── Biodata.jsx │ ├── Home.jsx │ ├── About.jsx │ └── Contact.jsx ├── App.jsx ├── css │ ├── Footer.css │ ├── Hire.css │ ├── Work.css │ ├── Home.css │ ├── Projects.css │ ├── About.css │ ├── Contact.css │ ├── Biodata.css │ └── Navbar.css └── App.css ├── .gitignore ├── README.md └── package.json /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/favicon.ico -------------------------------------------------------------------------------- /public/assets/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/avatar.png -------------------------------------------------------------------------------- /public/assets/hire_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/hire_bg.jpg -------------------------------------------------------------------------------- /public/assets/projects/web1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web1.png -------------------------------------------------------------------------------- /public/assets/projects/web2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web2.png -------------------------------------------------------------------------------- /public/assets/projects/web3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web3.png -------------------------------------------------------------------------------- /public/assets/projects/web4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web4.png -------------------------------------------------------------------------------- /public/assets/projects/web5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web5.png -------------------------------------------------------------------------------- /public/assets/projects/web6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web6.png -------------------------------------------------------------------------------- /public/assets/projects/web7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web7.png -------------------------------------------------------------------------------- /public/assets/projects/web8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web8.png -------------------------------------------------------------------------------- /public/assets/projects/web9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web9.png -------------------------------------------------------------------------------- /public/assets/projects/web10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web10.png -------------------------------------------------------------------------------- /public/assets/projects/web11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web11.png -------------------------------------------------------------------------------- /public/assets/projects/web12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web12.png -------------------------------------------------------------------------------- /public/assets/projects/web13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/imniladri/React-Portfolio/main/public/assets/projects/web13.png -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import ReactDOM from "react-dom"; 3 | import App from "./App"; 4 | 5 | ReactDOM.render(, document.getElementById("root")); 6 | -------------------------------------------------------------------------------- /src/data/HomeData.jsx: -------------------------------------------------------------------------------- 1 | const HomeData = { 2 | tag_line_1: "Hi, I'm a Front End", 3 | tag_line_2: "Developer", 4 | location: "based in West Bengal, IN.", 5 | btn_1: "View My Projects", 6 | btn_2: "Contact Me", 7 | img_src: "assets/avatar.png", 8 | img_alt: "Profile Img", 9 | }; 10 | 11 | export default HomeData; 12 | -------------------------------------------------------------------------------- /public/assets/icons/html.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/components/WorkCard.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | function WorkCard(props) { 4 | return ( 5 | <> 6 |
7 | {props.icon} 8 |

{props.name}

9 |

{props.desc}

10 |
11 | 12 | ); 13 | } 14 | 15 | export default WorkCard; 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /public/assets/icons/css.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Portfolio 2 | 3 | ### **_This project is made with [React Js](https://reactjs.org/)._** 4 | 5 |
6 | 7 | React 8 | 9 |
10 | 11 | ## Description: 12 | 13 |

14 | This is a very simple & clean portfolio template made with React. 15 |

16 | And, It is a part of Developer Days Hackathon.
17 |

18 | 19 | ### [Live Here](https://react-portfolio-imniladri.vercel.app/) 20 | 21 |
22 | 23 | **_--Thank You--_** 24 | -------------------------------------------------------------------------------- /src/pages/Hire.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import "../css/Hire.css"; 3 | 4 | function Hire() { 5 | const hireBg = { 6 | backgroundImage: "url(assets/hire_bg.jpg)", 7 | }; 8 | 9 | return ( 10 | <> 11 |
12 |
13 |

Interested in working with me?

14 | 15 |
16 |
17 | 18 | ); 19 | } 20 | 21 | export default Hire; 22 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | React Portfolio 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | -------------------------------------------------------------------------------- /src/components/BioDataCard.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | function BioDataCard(props) { 4 | return ( 5 | <> 6 |
7 |

{props.course}

8 | {props.place} 9 |

{props.desc}

10 |
11 |
12 | 13 | ); 14 | } 15 | 16 | function BioSkillsIcons(props) { 17 | return ( 18 | <> 19 |
20 | {props.alt} 21 |
22 | 23 | ); 24 | } 25 | 26 | export { BioDataCard, BioSkillsIcons }; 27 | -------------------------------------------------------------------------------- /src/components/ProjectsCard.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | function ProjectsCard(props) { 4 | return ( 5 | <> 6 |
7 | {props.alt} 8 | 14 | {props.icon} 15 |

{props.title}

16 | 17 |
18 | 19 | ); 20 | } 21 | 22 | export default ProjectsCard; 23 | -------------------------------------------------------------------------------- /src/data/AboutData.jsx: -------------------------------------------------------------------------------- 1 | const AboutData = { 2 | about_head_tag: "About Me", 3 | about_head_title: "Know Me More", 4 | 5 | about_content_name: "Niladri Mondal", 6 | about_content_desc: 7 | "I'm a creative & passionate front end developer with a keen eye in design. I enjoy developing simple, clean, attractive and slick websites that provide real value & interests to the end user. Delivering work within time and budget which meets client’s requirements is my moto.", 8 | about_content_exp: "2", 9 | 10 | about_footer_name: "Niladri Mondal", 11 | about_footer_email: "nm2346@ee.jgec.ac.in", 12 | about_footer_dob: "4th October, 2000", 13 | about_footer_place: "JGEC, WB, IN", 14 | }; 15 | 16 | export default AboutData; 17 | -------------------------------------------------------------------------------- /public/assets/icons/svg.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | 3 | // Css 4 | import "bootstrap/dist/css/bootstrap.min.css"; 5 | import "./App.css"; 6 | 7 | // Components 8 | import Navbar from "./components/Navbar"; 9 | import Home from "./pages/Home"; 10 | import About from "./pages/About"; 11 | import Work from "./pages/Work"; 12 | import Biodata from "./pages/Biodata"; 13 | import Projects from "./pages/Projects"; 14 | import Hire from "./pages/Hire"; 15 | import Contact from "./pages/Contact"; 16 | import Footer from "./pages/Footer"; 17 | 18 | function App() { 19 | return ( 20 | <> 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |