Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sadaf-daneshgar/react-capstone
It is my React-Redux capstone project. It is a single page application that allows users to search for countries and get information about them.
https://github.com/sadaf-daneshgar/react-capstone
api css-flexbox jest-tests reactjs redx-toolkit thunk-middleware
Last synced: about 2 months ago
JSON representation
It is my React-Redux capstone project. It is a single page application that allows users to search for countries and get information about them.
- Host: GitHub
- URL: https://github.com/sadaf-daneshgar/react-capstone
- Owner: sadaf-Daneshgar
- License: mit
- Created: 2023-10-05T09:42:20.000Z (over 1 year ago)
- Default Branch: development
- Last Pushed: 2023-12-20T11:49:41.000Z (about 1 year ago)
- Last Synced: 2023-12-20T16:25:49.756Z (about 1 year ago)
- Topics: api, css-flexbox, jest-tests, reactjs, redx-toolkit, thunk-middleware
- Language: JavaScript
- Homepage: https://react-capstone-yu30.onrender.com/
- Size: 271 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Countries App ](#about-project)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [📝 License ](#-license-)
**[ Countries App ]** It is my React-Redux capstone project. It is a single page application that allows users to search for countries and get information about them.
1. ✅ **React**
2. ✅ **Redux**
Markup
- HTML
- MD markup
Style
- CSS
Dynamic
- JavaScript
- React
- WepPack
- 🔰 **[React-based project]**
- 🔰 **[Well Code structure]**
- ✅ Click [here](https://react-capstone-yu30.onrender.com/) to see the project
- ✅ Click [here](https://drive.google.com/file/d/1D0V3oR3TSbBye6yaxzRSxguqFV4aRRdS/view?usp=sharing) to see the video presentation.
**To get a local copy up and running, follow these steps.**
1. Download or clone this [repostory](https://github.com/sadaf-Daneshgar/react-capstone.git).
2. Provide a modern web browser.
### Prerequisites
**In order to run this project you need:**
- ✔ [Git](https://git-scm.com/downloads) installed in your machine.
- ✔ Sign in or sign up to your [Github](https://github.com/) account.
- ✔ A professional editer such as [VS Code](https://code.visualstudio.com/download).
- ✔ An Updated web browser such as Google Chrome, you can download it from [here](https://www.google.com/chrome/).
- ✔ [Node.js](https://nodejs.org/en/download) installed in your machine.
- ✔ Stylelint
- ✔ ESLint
- ✔ WebPack
```sh
npm init -y
npm install --save-dev [email protected]
npx hint .
```
- ✔ Stylelint
```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
- ✔ ESLint
```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```
### Setup
- Clone this [repository](https://github.com/sadaf-Daneshgar/react-capstone) to your desired folder:
- Example commands:
```sh
cd [YOUR FOLDER]
git clone https://github.com/sadaf-Daneshgar/react-capstone.git
```
### Install
- Run the following command in the root directory of the project to install all dependecies.
```sh
npm install
```
### Usage
- To run the project, execute the following command:
```sh
cd [YOUR FOLDER]
git clone https://github.com/sadaf-Daneshgar/react-capstone.git
```
### Run tests
1. Stylelint
```
npx stylelint "**/*.{css,scss}"
```
2. ESLint ☑
```
npx eslint .
```
### Deployment
**This project is deployed by the author, no permission for deployment by any other client.**
👤 **Sadaf Daneshgar**
- 👤 GitHub: [@Sadaf-Daneshgar](https://github.com/sadaf-Daneshgar)
- 👤 Twitter: [@SadafDaneshgar](https://twitter.com/SadafDaneshgar)
- 👤 LinkedIn: [Sadaf Daneshgar](https://www.linkedin.com/in/sadaf-daneshgar-2002saba/)
- [ ] **[Unit test]**
- [ ] **[Responsive]**
- [ ] **[Deployment]**
- [ ] **[Use developer local storage]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/sadaf-Daneshgar/react-capstone/issues).
If you like this project, kindly drop a start for the [repository](https://github.com/sadaf-Daneshgar/react-capstone);
**I would like to thank the following individuals and organizations for their contribution to this project.**
- I would like to express my heartfelt gratitude to [**Microvere**](https://www.microverse.org/?grsf=mohammad-a-nbtazu) for the invaluable learning experience they have provided.
- I would like to express my heartfelt gratitude to Behance for providing the amazing [design]() inspiration that served as the foundation for my country web application. Especial thank to its designer **Nelson Sakwa**.
This project is [MIT](LICENSE) licensed.