├── README.md ├── index.html ├── package-lock.json ├── package.json ├── postcss.config.cjs ├── public └── vite.svg ├── src ├── App.jsx ├── Content.js ├── Layouts │ └── Navbar.jsx ├── assets │ └── images │ │ ├── Hero │ │ └── person.png │ │ ├── Hireme │ │ ├── person.png │ │ └── person2.png │ │ ├── Projects │ │ ├── img1.png │ │ ├── img2.png │ │ ├── img3.png │ │ └── person.png │ │ ├── Services │ │ ├── logo1.png │ │ ├── logo2.png │ │ └── logo3.png │ │ ├── Skills │ │ ├── figma.png │ │ ├── node.png │ │ ├── ps.png │ │ ├── python.png │ │ ├── react.png │ │ └── sketch.png │ │ └── Testimonials │ │ ├── avatar1.png │ │ ├── avatar2.png │ │ ├── avatar3.png │ │ └── avatar4.png ├── components │ ├── Contact.jsx │ ├── Hero.jsx │ ├── Hireme.jsx │ ├── Projects.jsx │ ├── Services.jsx │ ├── Skills.jsx │ └── Testimonials.jsx ├── index.css └── main.jsx ├── tailwind.config.cjs └── vite.config.js /README.md: -------------------------------------------------------------------------------- 1 |  2 |  3 | 4 | # React Portfolio 2 5 | ### Vite + React + tailwind 6 | 7 | ```bash 8 | npm i 9 | npm run dev 10 | ``` 11 | ## You Learn: 12 | + react js hooks 13 | + folder structure 14 | + tailwind css 15 | + swiper js 16 | + react icons 17 | + react js packages (ex:react-modal) 18 | + email js 19 | + aos scroll animation 20 | + and more.... 21 | 22 | ## youtube video link 23 | [Watch now](https://youtu.be/YpFK4hUZ-NM) 24 | 25 | ## live preview link 26 | [See Now](https://codeaprogram-portfolio.web.app/) 27 | 28 | ## Startup repository link 29 | [Repository](https://github.com/Sridhar-C-25/React_portfolio_2_startup) 30 | 31 | ## packages: 32 | + [tailwind css](https://tailwindcss.com/docs/installation) 33 | + [vite js](https://vitejs.dev/guide/) 34 | + [swiper js](https://swiperjs.com/get-started) 35 | + [email js](https://www.emailjs.com/docs/) 36 | + [Aos (animation)](https://michalsnik.github.io/aos/) 37 | + [react modal](https://www.npmjs.com/package/react-modal) 38 | + [react-hot-toast](https://react-hot-toast.com/docs) 39 | + [react icons](https://react-icons.github.io/react-icons/) 40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |{content.text}
39 |{Hireme.para}
35 |{content.para}
27 |{skill.para}
99 |{content.review}
52 |