ppmarq1/hello-react-front-end

This project is a React front-end connected with Rails back-end, to display a random message.

Hello React Front-end

This project is a React front-end connected with Rails back-end, to display a random message.

Setup

• git clone https://github.com/ppmarq1/hello-react-front-end.git

Prerequisites

• Have a working and updated browser.
• Have a local version control like git install on your computer.
• Have an account and sign in on GitHub, as online/remote version control system.
• Download waves to check project accessibilty.

Install

• Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

• Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

• Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

• ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

Create React App

• npx create-react-app my-app
• cd my-app
• npm run start

Run tests

• npx hint . : To test html codes
• npx stylelint "/*.{css,scss}"** : To test css code
• npx eslint . : To test Eslint Report
• npm run test : To run the tests.

Authors

👤 Pedro Marques

• GitHub: https://github.com/ppmarq1
• Twitter: https://twitter.com/ppmarq1
• LinkedIn: https://br.linkedin.com/in/pedroalmeidamarques/

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.