Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mubassim-khan/digital-business-card

A responsive Digital Business Card using React JS, having sections of About, Interests & Social media accounts at footer of webpage.
https://github.com/mubassim-khan/digital-business-card

business-card front-end reactjs responsive-web-design

Last synced: 1 day ago
JSON representation

A responsive Digital Business Card using React JS, having sections of About, Interests & Social media accounts at footer of webpage.

Awesome Lists containing this project

README

        

# Digital Business Card


image


reactdotjs
Netlify
Vite

## 📋 Table of Contents

1. [Introduction](#introduction)
2. [Features](#features)
3. [Tech Stack](#tech-stack)
4. [Getting Started](#quick-start)
5. [License](#license)
6. [Contributing](#contributing)
7. [Acknowledgements](#acknowledgements)
8. [Contact](#contact)

## Introduction

This repository contains the code of responsive Digital Business Card having a brief introdiction of a person along with different sections including About, Interests & a Footer containing links for different socail media account.

## Features

👉 **Responsive Design**: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop and mobile devices.

👉 **CSS styling**: The stylesheets provide a sleek and modern look, resembling the React documentation page.

👉 **Interactive Components**: The page includes interactive elements such as buttons and hover effects.

## Tech Stack 🛠️

- [React.js](https://reactjs.org/) - UI Library
- [Tailwind CSS](https://tailwindcss.com/) - CSS Framework
- [Vite](https://vitejs.dev/) - Local Develpment Server

## Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/Mubassim-Khan/Digital-Business-Card
```

2. Open the project in your preferred code editor.

3. Install the project dependencies using npm:

```bash
npm install
```

4. Run the project

```bash
npm run dev
```

5. Open [http://localhost:5173](http://localhost:5173) to view it in your browser.

6. Feel free to modify the code and customize the page according to your preferences. You can update the content, change the colors, or add new features.

## License

This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).

## Contributing

Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.

## Acknowledgements

- Copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

## Contact

If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:

- LinkedIn: [Mubassim Ahmed Khan](https://www.linkedin.com/in/mubassim/)
- Email: [[email protected]](mailto:[email protected])

---