/hello-react-front-end

Primary LanguageJavaScriptMIT LicenseMIT

📗 Table of Contents

📖 Hello React Frontend

Hello React Frontend is a simple React app that displays a random greeting when connecting to the API. It uses Redux to manage the global state, which is generated with data fetched from an API built with Ruby on Rails which you can find here.

🛠 Built With

Tech Stack

Client
Server
Database

Key Features

  • Displays a random greeting in a component.
  • Redux Toolkit is used for state management.
  • Data fetch is done using createAsyncThunk and requesting data from the API built with Rails.

(back to top)

🚀 Live Demo

This is just an exercise for Microverse Bootcamp and won't be deployed.

(back to top)

💻 Getting Started

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

Prerequisites

To run this project you need:

  • Ruby version 2.7.0+
  • Rails version 7+
  • PostgreSQL
  • Node.js
  • Npm or Yarn

Setup

Clone this repository to your desired folder:

https://github.com/crclothier/hello-react-front-end.git
cd hello-react-front-end

Install

Install this project's dependencies with:

npm install

or

yarn install

Usage

To start the server run:

npm start

or

yarn start

This will start the server on http://localhost:4000/

Run tests

N/A

Deployment

N/A

(back to top)

👥 Authors

👤 Chris Clothier

(back to top)

🔭 Future Features

User greetings - add a form so the user can suggest new random greetings. Add CSS animations - Add animations for the greetings to appear on screen creatinga great user experience.

(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 please give it a star ⭐

(back to top)

🙏 Acknowledgments

  • Microverse Bootcamp
  • Your name will be here if you contribute 😎

(back to top)

📝 License

This project is MIT licensed.

(back to top)