{"id":16413531,"url":"https://github.com/ab-noori/eduplanner-frontend","last_synced_at":"2025-10-26T19:31:08.564Z","repository":{"id":197209168,"uuid":"697806421","full_name":"ab-noori/EduPlanner-Frontend","owner":"ab-noori","description":"This project involves the development of an application where online classes with teachers can be reserved by students. It is built with React as the frontend and Ruby on Rails as the backend, enabling students to easily book classes with their preferred teachers among the available options.","archived":false,"fork":false,"pushed_at":"2023-10-21T10:04:52.000Z","size":2469,"stargazers_count":7,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-31T22:41:26.217Z","etag":null,"topics":["api","api-backend","create-react-app","reactjs","redux-thunk","redux-toolkit","user-authentication"],"latest_commit_sha":null,"homepage":"https://edu-planner.onrender.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ab-noori.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-09-28T14:11:08.000Z","updated_at":"2025-01-26T12:33:16.000Z","dependencies_parsed_at":"2023-10-22T03:00:29.917Z","dependency_job_id":null,"html_url":"https://github.com/ab-noori/EduPlanner-Frontend","commit_stats":null,"previous_names":["ab-noori/eduplanner-frontend"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FEduPlanner-Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FEduPlanner-Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FEduPlanner-Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ab-noori%2FEduPlanner-Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ab-noori","download_url":"https://codeload.github.com/ab-noori/EduPlanner-Frontend/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238386423,"owners_count":19463362,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["api","api-backend","create-react-app","reactjs","redux-thunk","redux-toolkit","user-authentication"],"created_at":"2024-10-11T06:51:44.487Z","updated_at":"2025-10-26T19:31:07.297Z","avatar_url":"https://github.com/ab-noori.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/Microverse-blueviolet)\n\n\u003e # EduPlanner\n\n| Project View Page                                                                                                       |\n| ----------------------------------------------------------------------------------------------------------------------- |\n| \u003cdiv align=\"center\" width=\"auto\"\u003e\u003cimg alt=\"Finance-Tracker login\" src=\"src/assets/images/edu-screenshot.PNG\"/\u003e\u003c/div\u003e |\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [EduPlanner] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\u003e **[EduPlanner]** This project involves the development of an application where online classes with teachers can be reserved by students. It is built with React as the frontend and Ruby on Rails as the backend, enabling students to easily book classes with their preferred teachers among the available options.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/html/default.asp\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://www.w3schools.com/css/default.asp\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://getbootstrap.com/\"\u003eBootstrap\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://react.dev/learn\"\u003eReact\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\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/\"\u003eRuby on Rails\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\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\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **[User authentication through username]**\n- **[Navigation panel with links to classes]**\n- **[Reservation form]**\n- **[My reservations page.]**\n- **[Add class and Delete class options]**\n- **[Display a list of selected classes on the main page]**\n- **[Detailed class view with a \"Reserve\" button]**\n- **[Responsive design for both mobile and desktop]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [EduPlanner](https://edu-planner.onrender.com)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🔗 Back End Link \u003ca name=\"documentation\"\u003e\u003c/a\u003e\n  \u003e _Our [EduPlanner Backend](https://github.com/ab-noori/EduPlanner-Backend) code is stored in a separate repository and is built using ruby on rails. The backend is responsible for processing data and handling API requests from the front end. To access our backend code, please click [here](https://github.com/ab-noori/EduPlanner-Backend)._\n \n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n- [Ruby on Rails](https://rubyonrails.org/) installed and running. To get more information, read the [installation guide](https://guides.rubyonrails.org/).\n\n- [PostgreSQL](https://www.postgresql.org/) installed and running\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n##\n\n### Setup\n\nClone this repository to your desired folder:\n\n```sh\n  cd my-folder\n  https://github.com/ab-noori/EduPlanner-Frontend.git\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Install\n\nInstall this project with:\n\n```sh\n    cd EduPlanner-Frontend\n    npm install\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Usage\n\nTo run the project, execute the following command:\n\n```sh\n  npm start\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👤 **Abdul Ali Noori**\n\n- GitHub: [@ab-noori](https://github.com/ab-noori)\n- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)\n- LinkedIn: [abdulali-noori](https://www.linkedin.com/in/abdulali-noori)\n\n👤 : **Gisa Chris**\n\n- GitHub: [@gisa chris](https://github.com/gisachris)\n- LinkedIn: [@gisa chris](https://linkedin.com/in/gisa-chris/)\n\n👤 : **Aimable BANCUNGUYE**\n\n- GitHub: [@Aimable BANCUNGUYE](https://github.com/BANCUNGUYE66)\n- LinkedIn: [@Aimable BANCUNGUYE](https://www.linkedin.com/in/aimable-bancunguye-aba703143/)\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 proper user authentication from the front-end to the server]**\n- [ ] **[Ensure that only admin users can access the \"Add class\" and \"Delete class\" links]**\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/ab-noori/EduPlanner-Frontend/issues/new).\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\nIf you like this project, give it a star.\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\nFirst, I would like to thank Microverse and my coding partners, and then I would like to give special credit to the creator of the design ([Gregoire Vella on Behance](https://www.behance.net/gregoirevella)) that I have used in my project.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) 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%2Fab-noori%2Feduplanner-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fab-noori%2Feduplanner-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fab-noori%2Feduplanner-frontend/lists"}