https://github.com/wesleybertipaglia/bio

🌲 Bio is a simple website project that allows you to create and manage a list of links. It’s inspired in Linktree and some popular Instagram bio websites.
https://github.com/wesleybertipaglia/bio

bio links linktree project react website

Last synced: about 2 hours ago
JSON representation

🌲 Bio is a simple website project that allows you to create and manage a list of links. It’s inspired in Linktree and some popular Instagram bio websites.

• Host: GitHub
• URL: https://github.com/wesleybertipaglia/bio
• Owner: wesleybertipaglia
• License: mit
• Created: 2023-06-04T22:57:48.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-16T22:58:47.000Z (6 months ago)
• Last Synced: 2024-05-17T22:49:00.529Z (6 months ago)
• Topics: bio, links, linktree, project, react, website
• Language: JavaScript
• Homepage: https://wesleybertipaglia.vercel.app/
• Size: 78.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🌲 Bio

Bio is a simple website that allows you to create and manage a list of links. It’s inspired in Linktree and some popular Instagram bio websites. 

![screenshot](/docs/screenshot.png)

### Features:

- ✅ Easy to use and customize

- ✅ Simple, clean and responsive design

- ✅ Sections for categorized links

- ✅ Sharable link to your Bio page

- ✅ Dark mode

- ✅ Tailwind CSS for quick and efficient styling

- ✅ Jest for testing components

- ✅ Easy to deploy

## 📚 Table of Contents

- [Getting Started](#getting-started)

- [Commands](#-commands)

- [Endpoints](#-endpoints)

- [Tech Stack](#-tech-stack)

- [License](#-license)

- [Checklist](#-checklist)

To know more about the project structure, check the [structure.md](/docs/structure.md) file.

## 🤖 Getting Started

1. Clone the repository

```bash

git clone https://github.com/wesleybertipaglia/bio.git

```

2. Install dependencies:

```bash

npm install

```

3. Customize the content:

Update the `src/data/links.js` file to include your personal links and categories.

4. Start the development server:

```bash

npm start

```

> 🚀 Open your browser and go to [http://localhost:3000](http://localhost:3000) to see the website in action.

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                    | Action                        |

| :------------------------  | :---------------------------- |

| `npm install`              | Install dependencies          |

| `npm start`                | Start application             |

| `npm build`                | Build application             |

| `npm test`                 | Run tests                     |

## 🧩 Tech Stack

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- [React](https://reactjs.org/)

- [Jest](https://jestjs.io/)

- [Tailwind CSS](https://tailwindcss.com/)

## ☑️ Cheklist

The following checklist can be used to track the project progress:

- [x] Authentication

- [x] Authorization

- [x] Documentation

- [x] Tests

- [x] CI/CD

- [x] Deploy

- [x] Monitoring

## 📜 License

This repository is licensed under the [MIT]. See the [LICENSE](LICENSE) file for details.

[Back to top](#bio)