Hello React Frontend

Project Login Page

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Hello React Frontend]

[Hello-React-Frontend] This project involves creating a Rails API app, setting up a PostgreSQL database to store five different greeting messages, and implementing an API endpoint to retrieve a random greeting from the database.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• Bootstrap
• React

Server

• Ruby
• Ruby on Rails

Database

• PostgreSQL

Key Features

• [Ritreiving data from rails API endpoint]
• [Using react redux toolkit to handling request to API]
• [Displaying data on the webpage using react component]

(back to top)

🔗 Back End Link

My Hello Rails 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/Hello-React-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)

Run tests

To run tests, run the following command:

  npm test

(back to top)

👥 Authors

👤 Abdul Ali Noori

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

(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

I would like to thank Microverse and my coding partners.

(back to top)

📝 License

This project is MIT licensed.

(back to top)