Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eldsonc/front-country
CountrySearch
https://github.com/eldsonc/front-country
axios react-router-dom reactjs styled-components
Last synced: 15 days ago
JSON representation
CountrySearch
- Host: GitHub
- URL: https://github.com/eldsonc/front-country
- Owner: EldsonC
- Created: 2024-09-14T05:52:47.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2024-09-14T06:26:23.000Z (2 months ago)
- Last Synced: 2024-10-10T17:21:48.190Z (about 1 month ago)
- Topics: axios, react-router-dom, reactjs, styled-components
- Language: TypeScript
- Homepage:
- Size: 49.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CountrySearch
## Description
**CountrySearch** is a front-end application that allows users to search for countries and view detailed information such as:
- Popular name
- Original name
- Borders
- Population over the years (displayed in a graph)
## Technologies Used
- **Languages**: JavaScript, TypeScript
- **Frameworks/Libraries**: React, Vite, Chart.js
- **Styling Tools**: Styled-components
## Installation
### Prerequisites
- **Node.js**
- **Yarn**
### Installation Steps
1. Clone the repository:
```bash
git clone https://github.com/EldsonC/front-country.git
```
2. Navigate into the project directory:
```bash
cd front-country
```
3. Install the dependencies:
```bash
yarn install
```
4. Create the `.env` file with the following variable:
```bash
VITE_BASE_URL=http://localhost:3000
```
5. Start the project:
```bash
yarn dev
```
## Usage
The application allows users to search for countries through a search input. After selecting a country, users can view:
- Popular name
- Original name
- The borders of the selected country
- A graph showing the population over the years