anilpandiya/cardfolio

Contact Card - Next JS 13, TypeScript & Tailwind

Contact Card

This is a Contact Card designed for showcasing professional information and social links.

Overview

This card is built using React and Next.js with TypeScript, ensuring type safety and code consistency through ESLint. It presents a structured layout to display contact information, a profile image, and various social media links. It's intended to serve as a convenient way to share professional details with clients, companies, or anyone interested in connecting.

Features

• Profile image display with automatic rotation
• Contact details including email and phone number
• Links to social media profiles: GitHub, LinkedIn, Medium, etc.
• Integration with Calendly for scheduling meetings

Tech stacks Used

• React 18
• Next.js 14
• TypeScript
• ESLint
• Font Awesome for icons
• Tailwind CSS for styling
• Image component for efficient image handling

Deployment

This project is deployed using Vercel. You can access the Contact Card component at here.

Usage

1. Clone the repository.
2. Install dependencies using npm install.
3. Customize the content in page.tsx to match your information.
4. Run the app using npm run dev.
5. Access the card component on the specified port.

How to Customize

• Update the profile images in the Public/ directory.
• Modify the content and links in the page.tsx file to reflect your personal information.
• Adjust styling or layout in the globals.css file to match your preferences.

Contributing

Feel free to use this Contact Card component for your own needs! Contributions and suggestions for improvement are welcome. If you find issues or have ideas for enhancements, please open an issue or submit a pull request.

Contributors

• Anil Pandiya - developer

License

This project is licensed under the MIT License.