BANCUNGUYE66/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.

EduPlanner

Project View Page

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 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

• HTML
• CSS
• Bootstrap
• React

Server

• Ruby
• Ruby on Rails

Database

• PostgreSQL

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

(back to top)

🔗 Back End Link

Our 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.

(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 installed and running. To get more information, read the installation guide.

• PostgreSQL installed and running

(back to top)

Setup

Clone this repository to your desired folder:

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

(back to top)

Install

Install this project with:

    cd EduPlanner-Frontend
    npm install

(back to top)

Usage

To run the project, execute the following command:

  npm start

(back to top)

👥 Authors

👤 Abdul Ali Noori

• GitHub: @ab-noori
• Twitter: @AbdulAliNoori4
• LinkedIn: abdulali-noori

👤 : Gisa Chris

• GitHub: @gisa chris
• LinkedIn: @gisa chris

👤 : Aimable BANCUNGUYE

• GitHub: @Aimable BANCUNGUYE
• LinkedIn: @Aimable BANCUNGUYE

(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.

(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) that I have used in my project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)