AnirudhBV.JS - My Custom-Built Online Portfolio

AnirudhBV.JS - my custom portfolio page.

Live Project Link ▶️ : https://anidev.vercel.app/

Description

Hey, it's Anirudh.

I recently created my long-delayed portfolio website, AnirudhBV.JS. It's a multipage React.JS based website created with KitWind's UI kit, Daisy UI and Tailwind CSS throughout my website. I've also installed various npm packages to create dynamic components including a responsive auto-play carousel and typewriter effect found in the site's CTA. I also used GitHub's REST API to dynamically display information about my GitHub account throughout my website. The message feature found on the portfolio works as well using EmailJS, an online based email web service.

Note : This page is responsive and looks good on all screen sizes. Don't hesitate to change screen width or view on another device- it'll look just as good!

Below is more information about the tools and technologies used to construct this portfolio page :

Tools & Tech Specs

• HTML/CSS
• JavaScript (JSX)
• React JS
• GitHub REST API (For dynamic repositories display)
• Email JS (For email sending request)
• Tailwind CSS
• Daisy UI (Component Styling)
• Font Awesome (Icons)

Getting Started

Dependencies

(package.json) dependencies: { "@emailjs/browser": "^3.7.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "daisyui": "^2.31.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-icons": "^4.4.0", "react-multi-carousel": "^2.8.2", "react-router-dom": "^6.4.2", "react-scripts": "5.0.1", "typewriter-effect": "^2.19.0", "web-vitals": "^2.1.4" },

• Functioning Computer (Windows / Mac OS)
• Node JS / NPM (I used v14.17.3 - Using a higher version or same is suggested)
• Text Editor / IDE (I used VS Code)

Installing (To View On Local Machine)

• Clone this repo using git clone https://github.com/DevTechJr/instacart-landing.git
• Open project folder in VS Code or any other Text Editor or IDE
• Follow Below Commands To Start Development Server

Executing program

• Perform the following commands in a terminal inside the project folder

npm install

(Installs All Dependencies)

npm start

(Starts Localhost Server in your browser)

Help

To view any issues :

npm test

If you have any issues with this project, dm me. Contact details are below :

Authors

ex. Anirudh Bharadwaj Vangara ex. @DevTechJr Discord : #2198

Version History

• 0.2
  • Various bug fixes and optimizations
  • See commit change or See release history
• 0.1
  • Initial Release

Acknowledgments

• Daisy UI & Tailwind CSS Components (tysm)
• Codepen.io (Infinite Slider Inspirations)
• Vercel (Seamless Deployment Experience 🙏)