{"id":24167160,"url":"https://github.com/sajjadislam523/traceback-client","last_synced_at":"2026-04-08T16:02:30.262Z","repository":{"id":271447379,"uuid":"910943418","full_name":"sajjadislam523/traceback-client","owner":"sajjadislam523","description":"TraceBack is a web application designed to connect people who have lost items with those who have found them.","archived":false,"fork":false,"pushed_at":"2025-02-10T22:34:08.000Z","size":1447,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-06T05:44:28.768Z","etag":null,"topics":["daisyui","firebase","framer-motion","react-router","reactjs","sweetalert2","swiper-js","tailwindcss"],"latest_commit_sha":null,"homepage":"https://traceback-d327e.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sajjadislam523.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-01T21:27:25.000Z","updated_at":"2025-02-10T22:34:11.000Z","dependencies_parsed_at":"2025-01-07T20:35:18.579Z","dependency_job_id":"22e283e8-71ad-4a92-b029-833d90a36841","html_url":"https://github.com/sajjadislam523/traceback-client","commit_stats":null,"previous_names":["sajjadislam523/traceback-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sajjadislam523/traceback-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sajjadislam523%2Ftraceback-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sajjadislam523%2Ftraceback-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sajjadislam523%2Ftraceback-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sajjadislam523%2Ftraceback-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sajjadislam523","download_url":"https://codeload.github.com/sajjadislam523/traceback-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sajjadislam523%2Ftraceback-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisyui","firebase","framer-motion","react-router","reactjs","sweetalert2","swiper-js","tailwindcss"],"created_at":"2025-01-12T21:12:36.790Z","updated_at":"2026-04-08T16:02:30.244Z","avatar_url":"https://github.com/sajjadislam523.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TraceBack - Lost and Found Website\n\nTraceBack is a web application designed to connect people who have lost items with those who have found them. By enabling users to post details about lost and found items, TraceBack fosters a community-driven approach to recovering lost possessions. The platform emphasizes security, usability, and real-time updates.\n\n## Purpose\n\nTraceBack aims to simplify the process of finding lost items or reuniting found items with their rightful owners. It provides a centralized platform where users can share item details, communicate effectively, and collaborate to resolve lost-and-found cases.\n\n## Live URL\n\nVisit the live website here:  \n[**TraceBack - Lost and Found**](https://traceback-d327e.web.app/)\n\n## Key Features\n\n-   **User Authentication**: Secure login and registration with Firebase Authentication (email/password and Google login).\n-   **Post Lost \u0026 Found Items**: Users can create posts with detailed information, including the title, description, category, location, and date lost.\n-   **Update Status**: Real-time updates for marking items as \"Recovered\" with confirmation modals.\n-   **Dynamic Routes**: Smooth navigation powered by React Router.\n-   **Responsive Design**: Built with Tailwind CSS and DaisyUI for a modern, mobile-friendly user experience.\n-   **Interactive Animations**: Framer Motion provides engaging animations for seamless interactions.\n-   **Date Picker Integration**: `react-datepicker` for effortless date selection.\n-   **Social Media Integration**: Links to Facebook, Twitter, and Instagram for easy sharing.\n-   **User Profile Management**: Users can view and update their profile in the dashboard.\n-   **Success Toasts**: Sweetalert2 ensures visually appealing and informative feedback for user actions.\n\n## Technologies Used\n\n-   **React**: A JavaScript library for building user interfaces.\n-   **React Router**: Efficient route handling for seamless navigation.\n-   **Firebase**: Authentication and backend database for secure user management and data storage.\n-   **Tailwind CSS**: Utility-first CSS framework for creating responsive and visually appealing designs.\n-   **DaisyUI**: A Tailwind CSS-based component library for fast and consistent UI development.\n-   **Framer Motion**: Provides smooth and professional animations.\n-   **React Datepicker**: Simplifies date selection for lost items.\n-   **Sweetalert2**: Elegant alert dialogs for user feedback.\n-   **Swiper**: Interactive sliders for showcasing content dynamically.\n\n## npm Packages\n\n-   **axios**: Simplified HTTP client for API requests.\n-   **firebase**: Enables authentication and real-time database features.\n-   **react-datepicker**: Date picker for choosing when items were lost.\n-   **react-helmet-async**: Manages metadata for better SEO and performance.\n-   **react-icons**: Icons for enhanced UI design.\n-   **react-modal**: Create modals for various user interactions.\n-   **react-router-dom**: Manages client-side routing.\n-   **react-simple-typewriter**: Adds typewriter effects to text for dynamic headers.\n-   **sweetalert2**: Creates visually appealing alerts and notifications.\n-   **swiper**: Adds swipeable sliders for showcasing posts.\n-   **framer-motion**: Creates smooth animations for interactive user experiences.\n\n---\n\n## 🛠️ Installation Process\n\nTo run the project locally, follow these steps:\n\n1. **Clone the Repository**\n\n    ```bash\n    git clone https://github.com/sajjadislam523/traceback-client.git\n    ```\n\n2. **Navigate to the Project Directory**\n\n    ```bash\n    cd traceback\n    ```\n\n3. **Install Dependencies**  \n   Install all the required npm packages using:\n\n    ```bash\n    npm install\n    ```\n\n4. **Set Up Firebase Configuration**\n\n    - Go to your [Firebase Console](https://console.firebase.google.com/).\n    - Create a new Firebase project.\n    - Add your project's Firebase configuration to a `.env` file in the root directory:\n\n        ```bash\n        REACT_APP_FIREBASE_API_KEY=your-api-key\n        REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain\n        REACT_APP_FIREBASE_PROJECT_ID=your-project-id\n        REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket\n        REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-sender-id\n        REACT_APP_FIREBASE_APP_ID=your-app-id\n        ```\n\n5. **Start the Development Server**  \n   Run the following command to start the development server:\n\n    ```bash\n    npm run dev\n    ```\n\n    The app will be available at `http://localhost:3000`.\n\n6. **Build for Production** (Optional)  \n   To create a production-ready build, use:\n    ```bash\n    npm run build\n    ```\n    This will generate a `build` folder with optimized files for deployment.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsajjadislam523%2Ftraceback-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsajjadislam523%2Ftraceback-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsajjadislam523%2Ftraceback-client/lists"}