Reign Test

Reign Test
Reign Test
🐞 Report a bug or 🙋‍♂️ request a feature

• Reign test
  • Features
  • Pre requirements
  • How to run the project:
  • Technologies:
  • File Structure:
  • Collaborators
  • Contributing
  • Show your support
  • License

Features

• React
• React-DOM
• ES6 syntax
• Export/import ES6+ notation

Built With

• npx create-react-app my-app --template typescript
• npm 7.0.0 +
• vscode with ESLint extension
• Linux/GNU, macOS, Windows
• Love and Passion for code

Pre requirements

Before to start you need have some requirements:

1. Node.js > v14.0.0

   Node.js is a runtime environment for Javascript that allows us to use the language outside of the browser, in this case we use it to configure and run the development server.

2. npm > v6.0.0

   npm is a package manager for Node.js and comes installed with it, we use it to install and manage application dependencies.

3. Git > v2.0.0

   Git is a version control system for code, we use it to manage the different branches of the code.

4. Connection to internet

5. Visual Studio Code or another code editor (optional)

How to run the project:

1. Clone the repository

git clone https://github.com/denisosuna/reign-test.git

2. Go to the project folder

cd reign-test

3. Install dependencies

npm install

or

yarn install

4. Run

npm start

or

yarn start

After executing any of the above commands, a development server will start; generally on port 3000. You must go to your browser and enter to localhost:3000 and you will have access to the project.

Technologies:

The project has been developed using various technologies. Some of them are:

React: For the front, React has been used, which is a powerful framework that allows us to interact dynamically with the DOM and encapsulate tons of functionalities through components. React Docs.

File Structure:

The magic of the project happens inside the src folder. It is there where you will find all the components, pages and styles.

• assets
• components
• constants
• helpers
• hooks
• layout
• pages
• services

Available Scripts

In the project directory, you can run:

npm run dev: Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

npm run build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

To learn React, check out the React documentation.

Collaborators

Denis Osuna	Email me to [email protected] / Connect to my Linkedin

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!

• https://blog.logrocket.com/deep-dive-into-lefthook-react-native/
• https://blog.logrocket.com/build-robust-react-app-husky-pre-commit-hooks-github-actions/
• Favicon from favicon.io
• https://www.seoptimer.com/meta-tag-generator
• https://dev.to/nitzano/linting-docker-containers-2lo6?utm_source=lefthook

License

📝 This project is licensed under the Apache 2
Feel free to fork this project and improve it!