https://github.com/neckerfree/reactbestpractices
React project to implement a new app using best practices,
https://github.com/neckerfree/reactbestpractices
Last synced: about 2 months ago
JSON representation
React project to implement a new app using best practices,
- Host: GitHub
- URL: https://github.com/neckerfree/reactbestpractices
- Owner: NeckerFree
- Created: 2023-04-25T04:47:46.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-07T00:40:15.000Z (about 3 years ago)
- Last Synced: 2025-01-13T10:36:29.209Z (over 1 year ago)
- Language: JavaScript
- Size: 2.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**React Best Practices** is a React App that pretends to explore the transversal and non-functional requirements that should include a good application.
Client
- **Error Handling**
Define a helpful way to capture more common errors in a React app.
- [Live Demo Link](https://google.com)
To get a local copy up and running follow these simple example steps.
### Setup
- Click the green `Code` button on the repo
- In your local PC, open your terminal in the folder you would like to clone the project.
- Clone the repo with the command: `git clone (copied link)`; like so: `git clone https://github.com/NeckerFree/ReactBestPractices`
- On the terminal, navigate into the directory like so: `cd ReactBestPractices`
### Install
in visual studio code
- run the command `npm install` to install all the necessary dependencies
- run the command `npm start` to start the app.
## Authors
👤 **Elio Cortés**
- GitHub: [@NeckerFree](https://github.com/NeckerFree)
- Twitter: [@ElioCortesM](https://twitter.com/ElioCortesM)
- LinkedIn: [elionelsoncortes](https://www.linkedin.com/in/elionelsoncortes/)
> Describe 1 - 3 features you will add to the project.
- **Logging:** Define a suitable way to register error logs
- **Authentication:** Define one practical method to authenticate users
- **Authorization:** Create one example to allow or deny access to menu options.
- **SPA:** Implement a helful method to implement navigation in a single page application.
- **Page Theme:** Create a practical example to change the page theme at run time.
If you liked this project please give me a star in this project.
## 🙏 Acknowledgments
If you want to expand on a topic, select the corresponding article that served as the basis.
**Error Handling:**
[How to Handle Errors in React](https://blog.appsignal.com/2022/06/15/how-to-handle-errors-in-react.html)
[Error Handling Layer in action](https://semaphoreci.com/blog/error-handling-layer-react)
This project is [MIT](./LICENSE) licensed.
_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._