Desktop Veiw Representation |
---|
- π About the Project
- π» Getting Started
- π₯ Authors
- π Future Features
- π€ Contributing
- βοΈ Show your support
- π Acknowledgements
- β FAQ (OPTIONAL)
- π License
[Temaplate] is a project template with ready README file for creating react applications.
-
Client
- [Responsive layout]
- [UX/UI accessibility]
- [Dynamic data]
To get a local copy up and running, follow these steps:
In order to run this project you need:
- A browser of you choice.
- A text editor of your choice.
- An installed node.js on your local system
Clone this repository to your desired folder:
-
Use the following Commands:
cd your-desired-folder git clone git@github.com:ab-noori/template.git
-
Install this project with:
npx create-react-app my-app cd my-app npm start
-
Use following commands to run on your local system:
npm run build npm run deploy
-
Run the following script and style test:
npx eslint "**/*.{js,jsx}" npx eslint "**/*.{js,jsx}" --fix npx stylelint "**/*.{css,scss}" npx stylelint "**/*.{css,scss}" --fix
-
1- install
'gh-pages'
with following command:npm i -D gh-pages
-
2- Add
'homepage'
to project's jason file:"homepage": "https://ab-noori.github.io/repo-name",
-
3- Add the following scripts to project's jason file:
"predeploy": "npm run build", "deploy": "gh-pages -d build "
-
4- Finally run the following command:
npm run deploy
π€ Abdul Ali Noori
- GitHub: @ab-noori
- Twitter: @AbdulAliNoori4
- LinkedIn: abdul-ali-noori
- [Add About page]
- [Add Contact page]
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project, give it a star.
I would like to thank Microverse and my coding partners. Also I want to give credit to Nerd's lesson
YouTub Channel, it's react tutorial
is really helpfull.
-
How to make it mobile friendly?
- Put a viewport tag in the header
-
How to design the site?
- Draw a mockup before start to code
This project is MIT licensed.