This Reusable GUI is based on an idea to create templates in react for people to use them later in there projects.
The Reuable GUI is the concept to reduse the development time in react projects. Here we would create some common pages which are mostly used in every other Website.
Visit the website: GUI
Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:
1. Fork this repository.
2. Clone your forked copy of the project.
git clone https://github.com/muhammad-ahmed02/GUI.git3. Navigate to the project directory.
cd GUI
4. Create a new branch:
git checkout -b YourBranchName
5. Make changes in source code.
6. Stage your changes and commit
git add .
git commit -m "<your_commit_message>"
7. Push your local commits to the remote repo.
git push origin YourBranchName
8. Create a PR
9. If anyone contribute to this repository, then the changes will not reflect in your local repository. For that:
10. Setup a reference(remote) to the original repository to get all the changes from the remote.
git remote add upstream https://github.com/muhammad-ahmed02/GUI
11. Check the remotes for this repository.
git remote -v
12. Fetching from the remote repository will bring in its branches and their respective commits.
git fetch upstream
13. Make sure that you're on your master branch.
git checkout main
14. Now that we have fetched the upstream repository, we want to merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing our local changes.
git merge upstream/main
To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.
In the project directory, you can run:
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.
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.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify