- A responsive portfolio website using React-Js leveraging npm libraries and hooks such as useState & useEffect.
- Integrated for seamless contact form handling, all wrapped in a clean & minimal UI.
- Check out the live demo of this portfolio here ronakpatel.xyz
- Light/dark mode toggle
- Handling contact Form with EmailJS
-
React-js: The entire user interface is built using React components, allowing for reusability and easy extension.
-
npm Libraries: Explored various npm packages to enhance portfolio for animation-on-scroll, Marquee, loaders and vertical-timeline.
Light Mode
Color | Hex |
---|---|
--bg-color-1 | #FAFAFA |
--bg-color-2 | #42A5F5 |
--accent-primary | #42A5F5 |
--accent-secondary | #044389 |
--accent-tertiary | #6ABFF1 |
--font-color-1 | #404040 |
--font-color-2 | #657785 |
Dark Mode
Color | Hex |
---|---|
--bg-color-1 | #15202b |
--bg-color-2 | #1b2a3e |
--accent-primary | #47B5FF |
--accent-secondary | #044389 |
--accent-tertiary | #72D8FD |
--font-color-1 | #E2E8ED |
--font-color-2 | #AAB9C4 |
To Fork the repo click on the fork button at the top right of the page. Once the repo is forked open your terminal and perform the following commands
git clone https://github.com/R-o-n-a-k/React-Personal-Portfolio.git
cd React-Personal-Portfolio
npm install
npm run dev