Page Collector and Files

A web application to manage and organize links with file attachments. Built using React, Tailwind CSS, and Supabase, the app offers a responsive and intuitive interface to manage your links and associated files effectively.

Images

Features

• Link Management: Add, view, and manage links with titles and descriptions.
• File Attachments: Upload and view files associated with specific links.
• Responsive Design: Two cards per row for mobile devices and dynamic layouts for larger screens.
• External Link Support: Open links in new tabs.
• Supabase Integration: Store and retrieve data from a robust backend.

Technologies Used

• React: Frontend framework for building the UI.
• Tailwind CSS: Utility-first CSS framework for styling.
• Supabase: Backend for storing and managing data.

Getting Started

Follow these steps to set up the project locally.

Prerequisites

• Node.js and npm installed
• Supabase account

Installation

1. Clone the repository:

   git clone https://github.com/ImNotVarun/Pages_collector.git

2. Install dependencies:

   npm install

3. Configure Supabase by adding your credentials to a .env file:

   REACT_APP_SUPABASE_URL=your-supabase-url
   REACT_APP_SUPABASE_ANON_KEY=your-supabase-anon-key

4. Start the development server:

   npm start

Deployment

To build and deploy the project:

npm run build

Use any hosting service (e.g., Netlify, Vercel) to deploy the built files.

Contributing

Contributions are welcome! Please fork the repository and create a pull request for any enhancements or bug fixes.