sadaf-Daneshgar / hello-react-front-end

Hello React Front-End

📗 Table of Contents

• 📗 Table of Contents
• 👋 Hello React Front-End
  • 🛠 Project Requirements
  • 🚀 Getting Started
    • 💻 API Endpoints
    • Prerequisites
    • Setup
    • Run the Project
  • 👥 Author
  • 🔭 Issues
  • 🤝 Contributing
  • ⭐️ Show Your Support
  • 📝 License

Key Features

• Using the ReactJS library
• Using the ReactJS Router library
• Using JSX syntax
• SPA Approach
• Using Redux Toolkit for a global state management
• Fetch API

(back to top)

---

👋 Hello React Front-End

This project is a front-end application that displays a random greeting. The application is built using React and Redux Toolkit. The application is designed to work in conjunction with the [Hello Rails Back-End].

🛠 Project Requirements

• Create a React app called 'hello-react-front-end'.
• Initialize the project with Git.
• Create the App component with react-router.
• Create the Greeting component that displays a greeting and set it up as a route in the App component.
• Create a store, an action, and a reducer that connect to your API endpoint to get the random greeting.
• Display the random greeting in your Greeting component.

🚀 Getting Started

To get the project up and running on your local machine, follow these steps.

🔗 Integration with Hello Rails Back-End

Here is the link to the Hello Rails Back-Endrepository.

(back to top)

Prerequisites

Before you begin, make sure you have the following prerequisites installed on your system:

• Node.js: You need Node.js to run the React application.
• npm: npm is the package manager for JavaScript and comes with Node.js.

Setup

Clone this repository to your desired folder:

git clone https://github.com/sadaf-Daneshgar/hello-react-front-end.git
cd hello-react-front-end

Install dependencies:

npm install

Run the Project

To run the project, execute the following command:

npm start

(back to top)

👥 Author

👤 Sadaf Daneshgar

• 👤 GitHub: @Sadaf-Daneshgar
• 👤 Twitter: @SadafDaneshgar
• 👤 LinkedIn: Sadaf Daneshgar

(back to top)

🔭 Future Features

• Create the view: All Greetings list
• Add custom CSS styles to the UI
• Deploy the final version of the project and share Link Demo in the documentation
• Create Unit tests using Jest and React testing library

(back to top)

🔭 Issues

Find a bug or have a feature request? Open a new issue here on GitHub.

(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 find this project helpful, please consider starring the repository. Your support is greatly appreciated!

(back to top)

📝 License

This project is MIT licensed.

(back to top)