Fetching data from REST COUNTRIES API, this app (mobile version for now) gives information like area, population, capital, and borders for 195 countries from seven continents.

Last update: Aug 8, 2022

Overview

Space Travellers' Hub

World Countries App works with an API which returns informations about 195 countries.

Fetching data from REST COUNTRIES API, this app gives informations like area, population, capital, and borders for 195 countries from seven continents.

Built With

Major languages: JavaScript, HTML & CSS;
Frameworks: React;
Technologies used: Redux, GitHub, GitFlow, Terminal;

Live Demo

Live Demo Link

Getting Started

Prerequisites

Please make sure you have Node.js packedge installed on your terminal.

Setup

To get a local copy up and running follow these simple steps.

To setup the bookstore project in your local, in the repo page: click on code (dropdown list) > Download as ZIP; or open terminal of path you want to install project and run this command
git clone [email protected]:nicupop729/world-countries--react-capstone.git.

Install

Run in your terminal the following commands:

$ cd world-countries--react-capstone/
$ npm install
$ npm start

Author

👤 Nicolae Pop

GitHub: @nicupop729
Twitter: @nicupop729
LinkedIn: LinkedIn

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

Acknowledgments

This is a project done during React module at Microverse, a remote web-developer school, using their support and frameworks provided.
For the data, I used REST COUNTRIES API.
For the design, I used inpiration from Nelson Sakwa on Behance using these design guidelines.

📝 License

This project is MIT licensed.

lottery smart contract with react UI, Now ready to interact

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Dec 19, 2021

my best project right now ❤️

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 20, 2021

SafeView allows you to hide senstive information in your app visually.

SafeView SafeView is a component that allows you to hide sensitive information in your app visually, for presentation purposes, and more. Installation

Jun 13, 2022

Redux-Toolkit example with React Hooks CRUD Application, Axios, Rest API, Bootstrap

Redux-Toolkit CRUD example with React Hooks, Axios & Web API Build Redux-Toolkit CRUD application with React Hooks and Rest API calls in that: Each it

Dec 27, 2022

Create posts for ubccsss.org using the GitHub REST API

content manager for ubccsss.org Create posts for ubccsss.org using the GitHub REST API Installation $ git clone [email protected]:ubccsss/content-manager

Sep 15, 2022

A lite version for the my original app loki stream which allowed watching anime on your phone. Made using expo.

LokiStream Lite A lite version for the my original app loki stream. This app is faster, smaller and more optimized for your phone. It allows you to wa

Dec 24, 2022

Final Project 3 - Mobile App Hotel Reservation

Hotel Reservation Mobile App Instruksi Pada Final Project kali ini, kamu diminta untuk membuat cloning dari aplikasi Airbnb, khusus untuk fitur-fitur

Jan 3, 2022

This project is a React Native Boilerplate that can be used to kickstart a mobile app.

Meta Point People: Mounir Dhahri This is an Artsy OSS project. Don't know what Artsy is? Check out this overview and more, or read our objc.io on team

Jul 6, 2022

Instant mobile web app creation

app.js - mobile webapps made easy App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing

Dec 30, 2022

Comments

World Countries
For this app, project requirements were followed and the next features were applied:

When the page loads, the web app shows the list of continents. After the user chooses a continent, all the countries from that continent are displayed. The user now can choose a country to receive information about it. Anywhere in the app, the user can use the search bar, which will filter from 195 countries to display the country he searches for.

Technical set up:

Set up the repository on GitHub and use Gitflow;

Set up React and Redux;

Set up testing libraries;

We do not preserve user data;

The project is a single page application (SPA) built with React and Redux. The data retrieved from the API is stored in the Redux store. Every page (the main page and the pages for each item) have a unique route within the SPA.

link to presentations video
opened by nicupop729 3
Features branch

For this app, project requirements were followed and the next features were applied:

When the page loads, the web app shows the list of continents. After the user chooses a continent, all the countries from that continent are displayed. The user now can choose a country to receive information about it. Anywhere in the app, the user can use the search bar, which will filter from 195 countries to display the country he searches for.

Technical set up:

Set up the repository on GitHub and use Gitflow; Set up React and Redux; Set up testing libraries; We do not preserve user data; The project is a single page application (SPA) built with React and Redux. The data retrieved from the API is stored in the Redux store. Every page (the main page and the pages for each item) have a unique route within the SPA.

link to presentations video

opened by nicupop729 2

Fetching data from REST COUNTRIES API, this app (mobile version for now) gives information like area, population, capital, and borders for 195 countries from seven continents.

Related tags

Overview

Space Travellers' Hub

Built With

Live Demo

Getting Started

Prerequisites

Setup

Install

Author

🤝 Contributing

Show your support

Acknowledgments

📝 License

You might also like...

Comments

For this app, project requirements were followed and the next features were applied:

For this app, project requirements were followed and the next features were applied:

Owner

Nicolae Pop

⚛️ Hooks for fetching, caching and updating asynchronous data in React

React Hooks library for remote data fetching

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Rocket Bank is a finance mobile app built for XP Mobile Challenge.

USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

WPPConnect/mobile is an open source project with the objective of automating whatsapp web using the android or ios mobile browser and being able to perform all the functions of our wa-js project

This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

Recipe providing mobile app, User selects ingredients in pantry and is then provided recipes for those ingredients. App contains a signup/login, meal planner and grocery list pages.

Concircle scanner mobile app is application That helps you scan your order and position and to know if there are exact or not. it's cross-platform app.

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js