Special thanks

• to Nelson Sakwa on Behance for his amazing template

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License

React Redux Capstone project

This App uses react, redux, bootstrap; to create an SPA related to Covid data in the entire world, you can see the especific data of each country in the first page of the app, and see the details and regions, clicking inside the country, I hope you enjoy it.

Built With

• Javascript
• CSS
• HTML
• Bootstrap
• React
• Redux

Live Demo

https://capstone-react-wikitelmex.herokuapp.com/

Screenshot

World Countries home page:

Country details Page

Filtering countries

Filtering regions inside a country

Loom video

https://www.loom.com/share/01375ac6aa9f4c2e9d4306d3935c81a9

Getting Started

Before we start, make sure you fit the prerequisites, the source code is inside the folder SRC/

Prerequisites

• npm installed
• VSCode
• React based on components

Setup

• Open a cli "new terminal" of VSCode (in terminal menu click on "new terminal")
• Type this code in the terminal: git clone https://github.com/Wikitelmex/capstone-react.git and press enter
• Type this code in the terminal: cd capstone-react
• Continue inside the CLI terminal with the next step "Install"

Install

• Type this code in the terminal: npm install
• Type this code in the terminal: npm install --also=dev and press enter (to install the dev dependencies, like webpack)
• Finally, type this code in the terminal: code .

Usage

• In a terminal window inside VSCode, type this code: npm start
• A new window will open in the browser, and you can see the app running

Run tests

• Type this code in the terminal: npm run test

Deployment

• npm run deploy

Author

👤 Alex Castillo

• GitHub: Alex
• Twitter: @Alex
• LinkedIn: Alex Castillo

🤝 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!

📝 License

This project is MIT licensed.