/bounce-insight

Primary LanguageJavaScript

Introduction

Welcome to my Fullstack Web Application! This application is a robust platform powered by a backend running on Node.js, bolstered by the efficient Express.js framework, and fronted by the dynamic React.js library. The primary purpose of this application is to provide users with detailed information about countries, including their flags, population, region, and more.

Live Demo

You can access the live version of the application at https://bounce-insight.vercel.app/.

Prerequisites

  • Node.js
  • npm (comes with Node.js)

Steps

  1. Clone the Repository:

    git clone [https://github.com/tolgabp/bounce-insight.git]

  2. Navigate to the Project Directory:

    cd [project-directory]

  3. Install Dependencies:

    • For the backend: 
      cd backend
npm install
    • For the frontend: 
      cd frontend
npm install

Starting the Application

  1. Run the Backend:

    cd backend
npm start

  2. Run the Frontend:

    cd frontend
npm start

  3. Open your browser and navigate to http://localhost:3000 to view the application.

How to Use the Application

  1. Homepage: On the homepage, you'll see a list of countries with their respective flags and basic information.

  2. Search: Use the search bar to find specific countries by name.

  3. Filter by Region: Use the dropdown menu to filter countries by region.

  4. Country Details: Click on a country to view detailed information, including borders, capital, population, and more.

  5. Navigation: Use the "Back" button to navigate back to the list from the country details page.

Additional Resources