{"id":15403342,"url":"https://github.com/geekelo/passlink_user_frontend","last_synced_at":"2026-01-19T07:33:24.474Z","repository":{"id":236973563,"uuid":"793279579","full_name":"geekelo/passlink_user_frontend","owner":"geekelo","description":"A react application for an event checkin application inspired by an hackathon event by Backdrop Labs","archived":false,"fork":false,"pushed_at":"2024-05-19T11:27:49.000Z","size":681,"stargazers_count":1,"open_issues_count":9,"forks_count":0,"subscribers_count":1,"default_branch":"homepage/info","last_synced_at":"2025-04-06T16:17:25.439Z","etag":null,"topics":["css","javascript","react-hooks","react-router","reactjs"],"latest_commit_sha":null,"homepage":"https://passlink-user-frontend.vercel.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/geekelo.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}},"created_at":"2024-04-28T22:39:20.000Z","updated_at":"2024-05-19T10:56:57.000Z","dependencies_parsed_at":"2024-10-19T08:59:58.202Z","dependency_job_id":null,"html_url":"https://github.com/geekelo/passlink_user_frontend","commit_stats":{"total_commits":47,"total_committers":1,"mean_commits":47.0,"dds":0.0,"last_synced_commit":"62cfe7a0c5bca7e3218e547c09ef09fd6a19737d"},"previous_names":["geekelo/passlink_user_frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/geekelo/passlink_user_frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fpasslink_user_frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fpasslink_user_frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fpasslink_user_frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fpasslink_user_frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geekelo","download_url":"https://codeload.github.com/geekelo/passlink_user_frontend/tar.gz/refs/heads/homepage/info","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geekelo%2Fpasslink_user_frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28562994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-19T03:31:16.861Z","status":"ssl_error","status_checked_at":"2026-01-19T03:31:15.069Z","response_time":67,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["css","javascript","react-hooks","react-router","reactjs"],"created_at":"2024-10-01T16:07:47.608Z","updated_at":"2026-01-19T07:33:24.459Z","avatar_url":"https://github.com/geekelo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- You are encouraged to replace this logo with your own! Otherwise, you can also remove it. --\u003e\n  \u003cimg src=\"https://dl.dropboxusercontent.com/s/110axfscx8e9q3q/Screenshot%202023-04-27%20024351.png\" alt=\"logo\" width=\"\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n\n  \u003ch3\u003e\u003cb\u003ePASSLINK\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 PERSONAL INVENTORY ](#-personal-inventory-)\n  - [Live demo](#live-demo)\n  - [Video Presentation](#video-presentation-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🛠 Development Process ](#development-process)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [📝 License ](#-license-)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 PassLink Landing Page/Area \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\n\"**PassLink** is an event check-in application built with React on the frontend and Ruby on Rails for the backend. It is designed to streamline the event check-in process, providing organizers and attendees with a seamless and efficient experience. Below, I'll outline the key aspects of PassLink, including its description, tech stack, development process, features, and how event check-ins are managed.\"\n![alt text](image.png)\n\n## Real-time Event Check-In:\nPassLink simplifies the event check-in process by leveraging modern web technologies to provide real-time check-in capabilities. Here's a simplified explanation of how it works:\n\n**Frontend Interaction:** When an attendee arrives at an event, they can use the PassLink app on their mobile device or desktop browser to check in. The React frontend captures the check-in request and sends it to the backend server for processing.\n**Backend Processing:** The Ruby on Rails backend receives the check-in request, verifies the attendee's credentials, and updates the event attendance records in the database. It then sends a response back to the frontend to confirm the successful check-in.\n**Real-time Updates:** The frontend receives the confirmation response from the backend and updates the user interface to reflect the attendee's check-in status in real-time.\n\n## Live Demo \u0026 Presentation \u003ca name=\"live-demo\"\u003e\n[LIVE DEMO](passlink.geekelo.com.ng)\n\n\u003c!-- Video Presentation --\u003e\n## Video Presentation \u003ca name=\"video-presentation\"\u003e\u003c/a\u003e\n[See Video](https://youtu.be/j_N5vON7X6U)\n\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n## File Structure\n![alt text](image-2.png)\n\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\nPassLink utilizes a modern tech stack to ensure reliability, scalability, and performance. Some of the technologies and frameworks used in its development include:\n\n**Frontend:** React, HTML, CSS, JavaScript\n**Backend:** Ruby on Rails for server-side logic and API endpoints\n**Database:** PostgreSQL or MySQL for storing event data and attendee information\n\u003c!-- \u003cdetails\u003e\n  \u003csummary\u003eRuby on Rails\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.ruby-lang.org/en/\"\u003eRuby\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://guides.rubyonrails.org/\"\u003eRails\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.postgresql.org/\"\u003ePostgreSQL\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e  --\u003e\n\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Real-time Event Check-In:** Provides attendees with a seamless check-in experience, updating event attendance records in real-time.\n- **Efficient Backend Processing:** Utilizes Ruby on Rails backend to efficiently process check-in requests and manage event data.\n- **Responsive User Interface:** Built with React to ensure a responsive and intuitive user interface across devices and screen sizes.\n- **Secure Authentication:** Implements secure authentication mechanisms to verify attendee credentials and prevent unauthorized access.\n- **Customizable Event Pages:** Allows event organizers to customize event pages with branding, logos, and event details.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- DEVELOPMENT PROCESS --\u003e\n## 💻 Development Process: \u003ca name=\"development-process\"\u003e\u003c/a\u003e\n\nThe development of PassLink followed a structured process that involved:\n\n- **Requirements Gathering:** Understanding the requirements of the project by studying project materials and conducting stakeholder interviews.\n- **Design and Prototyping:** Creating wireframes and prototypes to visualize the user interface and interactions.\n- **Development:** \n  - Writing clean and modular code using React for the frontend and Ruby on Rails for the\n\n backend.\n  - Implementing features iteratively and conducting thorough testing at each stage of development.\n- **Testing:** Conducting unit tests, integration tests, and end-to-end tests to ensure the reliability and stability of the application.\n- **Deployment:** Deploying the application to a production environment, configuring servers, and optimizing performance.\n- **Monitoring and Maintenance:** Monitoring application performance, addressing bugs and issues, and implementing new features and updates as needed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\nTo get started with PassLink, follow these steps:\n\n### Prerequisites\n\nIn order to run PassLink locally, you need:\n\n- A code editor like Visual Studio Code\n- Node.js and npm installed on your machine\n- Ruby and Rails installed on your machine\n\n### Setup\n\nClone this repository to your desired folder:\n\n\n```sh\n   git clone https://github.com/geekelo/passlink.git\n   cd passlink\n```\n\n### Install\n\nInstall dependencies for both the project:\n\n\n```sh\n  cd passlink_user_frontend\n  npm install\n```\n\n### Usage\n\nTo run the project locally, follow these steps:\n\n\n1. Start the React development server:\n\n```sh\n  cd passlink_user_frontend\n  npm start\n```\n\n3. Open your browser and navigate to `http://localhost:3000` to view the PassLink application.\n\n### Run Tests\n\nTo run tests, run the following command:\n\n```sh\n  cd passlink_user_frontend\n  rspec\n```\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\n\n👤 **Your Name**\n\n- GitHub: [@githubhandle](https://github.com/your-username)\n- Twitter: [@twitterhandle](https://twitter.com/your-twitter-handle)\n- LinkedIn: [LinkedIn](https://linkedin.com/in/your-linkedin-profile)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] Implement user authentication and authorization features.\n- [ ] Enhance analytics dashboard with additional visualizations and insights.\n- [ ] Integrate third-party services for email notifications and event management.\n- [ ] Add support for multiple languages and internationalization.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](https://github.com/your-username/passlink/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\nIf you like PassLink, give it a ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nCredit for icons; Fontawesome and Material icons\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./MIT.md) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Fpasslink_user_frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeekelo%2Fpasslink_user_frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeekelo%2Fpasslink_user_frontend/lists"}