"Hello World Front-End" is a REACT app created to consume Random Greeting messages. A project design to practice generating a Project with two apps.
Backend
Linters
- Create a React App
- Install Redux, Routers and Axios
- Create Redux Store
- Create Greetings slice
- Get data from Api:V1 endpoint to consume random greeting messages
- Create Greetings Component
- Render Greetings Component in App
Find the backend project in the following link: (https://github.com/HFG43/hello_world_back_end)
To get a local copy up and running, follow these steps.
In order to run this project you need:
- React
- Node.js
- A Code Editor
- Access the Back-End repository Repository
Clone this repository to your desired folder by using the command:
git clone https://github.com/HFG43/hello_world_front_end
Go to the project directory:
cd hello_world_front_end
In your Terminal, Run the following commands:
npm install
After running the Back End api, run the following command:
npm start
Navigate to http://localhost:3001 and check the random greeting.
To verify the linters you can use the following commands:
- ESlint linter:
npx eslint .
- Stylelint linter:
npx stylelint "**/*.{css,scss}"
π€ HernΓ‘n GΓΌemes
- GitHub: @HFG43
- LinkedIn: hernanguemes
Upcoming improvements:
- Add style using CSS
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project and know someone who might find it helpful, please share it. Or give it a star βοΈ if you like this project!
I thank Microverse for this fantastic opportunity, and the code reviewers for their advice and time.
This project is MIT licensed.