https://github.com/saakeeb/link-sharing-app
powerful and easy-to-use tool for organizing and sharing your social networking links in this link sharing app. It offers users a smooth experience with its tech stack and user-friendly features.
https://github.com/saakeeb/link-sharing-app
drag-and-drop reacthookform reactjs storybook tailwindcss typescript vitest zod zustand
Last synced: about 2 months ago
JSON representation
powerful and easy-to-use tool for organizing and sharing your social networking links in this link sharing app. It offers users a smooth experience with its tech stack and user-friendly features.
- Host: GitHub
- URL: https://github.com/saakeeb/link-sharing-app
- Owner: saakeeb
- Created: 2024-10-10T02:31:39.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2025-07-22T10:16:47.000Z (11 months ago)
- Last Synced: 2025-07-24T06:59:20.399Z (10 months ago)
- Topics: drag-and-drop, reacthookform, reactjs, storybook, tailwindcss, typescript, vitest, zod, zustand
- Language: TypeScript
- Homepage: https://links-sharing-app.netlify.app
- Size: 1.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Link Sharing App
Welcome to the Link Sharing App! This application allows you to easily save and share your favorite social media platform names and URLs. You can perform CRUD operations, utilize drag-and-drop features, and update user details like name, email, and image. The app uses third-party bulletproof authentication for secure login and registration.
## Features
- **CRUD Operations**: Create, read, update, and delete your social media links.
- **Drag and Drop**: Easily reorder your links with a simple drag-and-drop interface.
- **User Management**: Update user details such as name, email, and profile image.
- **Authentication**: Secure login and registration using bulletproof authentication.
- **Storybook**: Test and visualize dynamic components before using them in the app.
- **State Management**: Utilize Zustand, a lightweight alternative to Redux, for global state management.
- **Styling**: Tailwind CSS for modern and responsive design.
- **Type Safety**: TypeScript for robust and error-free code.
- **Responsive**: This is production ready mobile first responsive design.
## Performance
## Prerequisites
- Node.js 20+
- Yarn 1.22+
## Setup Instructions
1. **Clone the Repository**:
```bash
git clone https://github.com/saakeeb/link-sharing-app.git
cd link-sharing-app
```
2. **Environment Setup**:
Create a .env.local file to the root directory then copy the example environment file and paste it :
```bash
copy .env.example paste in .env.local
```
3. **Install Dependencies**:
```bash
yarn install
```
4. **Run the Development Server**:
```bash
yarn run dev
```
Open [http://localhost:3000](http://localhost:3000) to view the app in your browser.
5. **Run the Storybook Server**:
```bash
yarn run storybook
```
Open [http://localhost:6006](http://localhost:6006) to view the app in your browser.
6. **Run the Vitest Test**:
```bash
yarn run test
```
Open [http://localhost:6006](http://localhost:6006) to view the app in your browser.
7. **Run the Production Server**:
Open [links-sharing-app](https://links-sharing-app.netlify.app) to view the app in your browser.
## Important Packages
- **@tanstack/react-query**: For data fetching and caching.
- **react-hook-form**: Simplifies form handling.
- **zustand**: Lightweight state management.
- **tailwindcss**: Utility-first CSS framework.
- **typescript**: Adds static typing to JavaScript.
- **vite**: Fast and modern build tool.
- **storybook**: UI component explorer for React.
- **Zod**: Schema for form validation.
## Deployment
The app is continuously deployed on Netlify. Check the deployment status [here](https://app.netlify.com/sites/links-sharing-app/deploys).
## Conclusion
A powerful and easy-to-use tool for organizing and sharing your social networking links in this link sharing app. It offers users a smooth experience with its tech stack and user-friendly features. Have fun modifying and exploring your links!