{"id":27437238,"url":"https://github.com/darshanas17/react-events-app","last_synced_at":"2026-04-12T17:02:06.062Z","repository":{"id":287718867,"uuid":"965578528","full_name":"Darshanas17/react-events-app","owner":"Darshanas17","description":"A React-based Events App that displays a list of events and their detailed information. Users can explore, filter, and view details for selected events. Built with responsive UI and component-based architecture.","archived":false,"fork":false,"pushed_at":"2025-04-13T13:59:32.000Z","size":456,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-14T20:19:40.314Z","etag":null,"topics":["css","event","event-app","frontend","html","javascript","react","uicomponents"],"latest_commit_sha":null,"homepage":"https://darshanas17.github.io/react-events-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/Darshanas17.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-04-13T13:27:20.000Z","updated_at":"2025-04-13T14:41:01.000Z","dependencies_parsed_at":"2025-04-13T14:41:32.143Z","dependency_job_id":"959446a4-317b-4537-8a83-0ff64b74ec75","html_url":"https://github.com/Darshanas17/react-events-app","commit_stats":null,"previous_names":["darshanas17/react-events-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Darshanas17/react-events-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-events-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-events-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-events-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-events-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Darshanas17","download_url":"https://codeload.github.com/Darshanas17/react-events-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Darshanas17%2Freact-events-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31722563,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-12T13:21:33.774Z","status":"ssl_error","status_checked_at":"2026-04-12T13:21:29.265Z","response_time":58,"last_error":"SSL_read: 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","event","event-app","frontend","html","javascript","react","uicomponents"],"created_at":"2025-04-14T20:19:38.175Z","updated_at":"2026-04-12T17:02:06.029Z","avatar_url":"https://github.com/Darshanas17.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Events App\n\n## 🚀 Live Demo\n[Click here to view the demo](https://Darshanas17.github.io/react-events-app/)\n\n## 📌 Overview\nThe **Events App** is a dynamic React application that allows users to browse through a list of events and interact with their registration statuses. The UI updates based on user interactions, offering a smooth and responsive experience.\n\n## ✨ Features\n- **View Events List:** Browse a list of interesting events.\n- **Dynamic Registration Status:** The registration status updates based on the selected event.\n- **Multiple States:** Displays views such as \"Yet to Register\", \"Registered\", \"Registrations Closed\", and \"No Active Event\".\n- **Responsive Design:** Fully optimized layout for large screens.\n\n## 🛠️ Tech Stack\n- **React.js** - Frontend UI\n- **CSS** - Styling\n\n## ⚙️ Installation \u0026 Setup\n\n1. **Clone the Repository**\n   ```bash\n   git clone https://github.com/Darshanas17/react-events-app.git\n   cd react-events-app\n   ```\n\n2. **Install Dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Run the Application**\n   ```bash\n   npm start\n   ```\n\n4. Open the browser and go to `http://localhost:3000/` to use the app.\n\n## 📁 Components Structure\n\n- **Events** (`src/components/Events/`)\n- **EventItem** (`src/components/EventItem/`)\n- **ActiveEventRegistrationDetails** (`src/components/ActiveEventRegistrationDetails/`)\n\n## 🎯 Functionality\n- Clicking an event will show its registration status dynamically.\n- Different visual states are rendered depending on the event's registration status.\n- States include:\n  - No Active Event\n  - Yet to Register\n  - Registered\n  - Registrations Closed\n\n## 🎨 Design \u0026 Assets\n- Fonts: **Roboto**\n- Colors:\n  - `#0967d2` (Primary)\n  - `#ffffff` (Background)\n  - `#64748b` (Text)\n\n### 📸 Screenshots\n\n#### 🎬 App Demo\n![Events Output](https://assets.ccbp.in/frontend/content/react-js/events-output.gif)\n\n#### 📷 Screens\n\n- **No Active Event**  \n  ![No Active Event](https://assets.ccbp.in/frontend/content/react-js/events-no-active-event-view-output.png)\n\n- **Yet To Register**  \n  ![Yet To Register](https://assets.ccbp.in/frontend/content/react-js/events-yet-to-register-view-output.png)\n\n- **Registered**  \n  ![Registered](https://assets.ccbp.in/frontend/content/react-js/events-registered-view-output.png)\n\n- **Registrations Closed**  \n  ![Registrations Closed](https://assets.ccbp.in/frontend/content/react-js/events-registrations-closed-view-output.png)\n\n\n## 👨‍💻 Author\n**Darshan A S**  \n- [LinkedIn](https://www.linkedin.com/in/darshan-a-s/)  \n- [Portfolio](https://darshanas17.github.io/darshan-as-17-portfolio/)\n\n## 📜 License\nThis project is licensed under the **MIT License**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarshanas17%2Freact-events-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdarshanas17%2Freact-events-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdarshanas17%2Freact-events-app/lists"}