An open API service indexing awesome lists of open source software.

https://github.com/ab-noori/eduplanner-frontend

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.
https://github.com/ab-noori/eduplanner-frontend

api api-backend create-react-app reactjs redux-thunk redux-toolkit user-authentication

Last synced: 8 months ago
JSON representation

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.

Awesome Lists containing this project

README

          

![](https://img.shields.io/badge/Microverse-blueviolet)

> # EduPlanner

| Project View Page |
| ----------------------------------------------------------------------------------------------------------------------- |
|

Finance-Tracker login
|

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 [EduPlanner]

> **[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.

## 🛠 Built With

### Tech Stack

Client

Server

Database

### Key Features

- **[User authentication through username]**
- **[Navigation panel with links to classes]**
- **[Reservation form]**
- **[My reservations page.]**
- **[Add class and Delete class options]**
- **[Display a list of selected classes on the main page]**
- **[Detailed class view with a "Reserve" button]**
- **[Responsive design for both mobile and desktop]**

(back to top)

## 🚀 Live Demo

- [EduPlanner](https://edu-planner.onrender.com)

(back to top)

## 🔗 Back End Link
> _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)._

(back to top)

## 💻 Getting Started

To get a local copy up and running, follow these steps.

### Prerequisites

In order to run this project you need:

- [Ruby on Rails](https://rubyonrails.org/) installed and running. To get more information, read the [installation guide](https://guides.rubyonrails.org/).

- [PostgreSQL](https://www.postgresql.org/) installed and running

(back to top)

##

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
https://github.com/ab-noori/EduPlanner-Frontend.git
```

(back to top)

### Install

Install this project with:

```sh
cd EduPlanner-Frontend
npm install
```

(back to top)

### Usage

To run the project, execute the following command:

```sh
npm start
```

(back to top)

## 👥 Authors

👤 **Abdul Ali Noori**

- GitHub: [@ab-noori](https://github.com/ab-noori)
- Twitter: [@AbdulAliNoori4](https://twitter.com/AbdulAliNoori4)
- LinkedIn: [abdulali-noori](https://www.linkedin.com/in/abdulali-noori)

👤 : **Gisa Chris**

- GitHub: [@gisa chris](https://github.com/gisachris)
- LinkedIn: [@gisa chris](https://linkedin.com/in/gisa-chris/)

👤 : **Aimable BANCUNGUYE**

- GitHub: [@Aimable BANCUNGUYE](https://github.com/BANCUNGUYE66)
- LinkedIn: [@Aimable BANCUNGUYE](https://www.linkedin.com/in/aimable-bancunguye-aba703143/)

(back to top)

## 🔭 Future Features

- [ ] **[Implement proper user authentication from the front-end to the server]**
- [ ] **[Ensure that only admin users can access the "Add class" and "Delete class" links]**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/ab-noori/EduPlanner-Frontend/issues/new).

(back to top)

## ⭐️ Show your support

If you like this project, give it a star.

(back to top)

## 🙏 Acknowledgments

First, 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.

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

(back to top)