Desktop Veiw Representation |
---|
- ๐ About the Project
- ๐ป Getting Started
- ๐ฅ Authors
- ๐ญ Future Features
- ๐ค Contributing
- โญ๏ธ Show your support
- ๐ Acknowledgements
- โ FAQ (OPTIONAL)
- ๐ License
[React Todo App] in this app all main concepts of React like: components, props, state, and hooks are used to create a todo application.
-
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 [email protected]:ab-noori/react-todo-app.git
-
Install this project with:
npm init react-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 gh-pages --save-dev
-
2- Add
'homepage'
to project's jason file:"homepage": "https://ab-noori.github.oi/react-todo-app",
-
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, and also give credit to Nerd's lesson YouTub Channel for it's usefull tutorial, I really learned a lot from this tutorial.
-
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.