https://github.com/bhartik021/linktree
A Linktree is a web page which consists stack of social media links and developed using Reactjs and Tailwind CSS with a Modern UI.
https://github.com/bhartik021/linktree
linktree modern-ui react-router reactjs tailwindcss
Last synced: 6 months ago
JSON representation
A Linktree is a web page which consists stack of social media links and developed using Reactjs and Tailwind CSS with a Modern UI.
- Host: GitHub
- URL: https://github.com/bhartik021/linktree
- Owner: bhartik021
- License: mit
- Created: 2024-03-09T09:44:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-08T16:53:43.000Z (over 1 year ago)
- Last Synced: 2025-04-11T20:19:43.489Z (6 months ago)
- Topics: linktree, modern-ui, react-router, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 2.71 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Linktree
This is a Linktree-style website created to showcase Bharti Kumari's various online profiles and portfolios.
## Technologies Used
- React.js
- Tailwind CSS
## Getting Started
To run this project locally, follow these steps:
### Prerequisites
Ensure you have the following software installed on your machine:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Installation
1. Clone this repository to your local machine using Git:
```bash
git clone https://github.com/bhartik021/linktree
```
2. Navigate to the project directory:
```bash
cd linktree
```
3. Install project dependencies using npm:
```bash
npm install
```
Or, if you prefer using yarn:
```bash
yarn install
```
### Running the Development Server
Once the dependencies are installed, start the development server:
```bash
npm start
```
Or, with yarn:
```bash
yarn start
```
The development server should start running, and you should be able to access the Linktree website in your browser at http://localhost:3000.
Now you're ready to explore Bharti Kumari's Linktree locally on your machine!
If you encounter any issues or have questions, feel free to reach out for assistance. Enjoy exploring!
Please feel free to use this in your README.md file. Let me know if there's anything else I can assist you with!
## Project Structure
```bash
linktree
│
├── public/
│ └── index.html
│
├── src/
│ ├── assets/
│ │ ├── bharti.svg
│ │ └── bgLightMode.png
│ │
│ ├── components/
│ │ ├── BackgroundImage.jsx
│ │ ├── ButtonComponent.jsx
│ │ ├── Footer.jsx
│ │ └── Linktree.jsx
│ │
│ ├── index.css
│ ├── App.jsx
│ └── index.js
│
├── LICENSE
├── README.md
└── package.json
```
## Features
- Displays Bharti Kumari's name, bio, and profile picture.
- Provides buttons to navigate to Bharti Kumari's various online profiles such as Portfolio, Gmail, LinkedIn, Twitter, GitHub, Instagram, and Medium.
## Acknowledgements
### Author
- Bharti Kumari
- Portfolio: [bhartikumari.in](https://www.bhartikumari.in/)
- Email: [bhartik021@gmail.com](mailto:bhartik021@gmail.com)
- LinkedIn: [bhartik021](https://www.linkedin.com/in/bhartik021/)
- Twitter: [@bhartik021](https://twitter.com/bhartik021)
- GitHub: [bhartik021](https://github.com/bhartik021)
- Instagram: [@bhartik021](https://www.instagram.com/bhartik021/)
- Medium: [@bhartik021](https://medium.com/@bhartik021)
### Third-Party Dependencies
I'd like to extend the gratitude to the developers of the following third-party libraries, frameworks, and tools that were instrumental in building this project:
- [React.js](https://reactjs.org/) - A JavaScript library for building user interfaces.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for quickly building custom designs.
- [react-router-dom](https://reactrouter.com/web/guides/quick-start) - A routing library for React applications.
- [ReactDOM](https://reactjs.org/docs/react-dom.html) - Provides DOM-specific methods for working with React.
- [Node.js](https://nodejs.org/) - A JavaScript runtime environment that executes JavaScript code outside of a web browser.
- [npm](https://www.npmjs.com/) / [yarn](https://yarnpkg.com/) - Package managers for Node.js packages.
These tools and libraries significantly contributed to the development of my project, and I am thankful for the hard work put in by their respective developers.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.