AmanWorku / World-Gallery

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

World Gallery

πŸ“— Table of Contents

πŸ“– World Gallery

World Gallery is a SPA which provides users to look into the list of countries that are in the world. They can also click on their preferred country and see the details about a country.

πŸ›  Built With

Tech Stack

Client
API

πŸ”₯ Key Features

  • Browse comprehensive list of all countries
  • Quickly search for countries by name
  • View detailed information on each country
  • Up-to-date data powered by REST Countries API
  • Design optimized for mobile devices

(back to top)

πŸš€ Live Demo

(back to top)

πŸ’» Getting Started

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

Prerequisites

In order to run this project you need:

  • A web browser like Google Chrome.
  • A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone this repository using the GitHub link provided below.

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/AmanWorku/World-Gallery.git

Usage

Kindly modify the files as needed.

In the project directory, you can run:

$ npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

You may also see any lint errors in the console.

Run tests

To run tests, run the following command:

$ npm test

Deployment

You can deploy this project using:

$ npm run deploy

(back to top)

πŸ‘₯ Authors

πŸ‘€ Aman Worku

(back to top)

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

πŸ™ Acknowledgments

Original design idea by Nelson Sakwa on Behance

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

πŸ”­ Future Features

  • Style the entire page to have the look and feel of a world gallery page.
  • Add a design for the desktop version too.

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

About

License:MIT License


Languages

Language:JavaScript 71.4%Language:CSS 22.7%Language:HTML 5.8%