https://github.com/markslorach/countries-db-archive

Countries DB based on the Frontend Mentor challenge. Uses the REST Countries API. Built using Next.js, Tailwind, TypeScript, Neon DB and Clerk authentication.
https://github.com/markslorach/countries-db-archive

api axios clerk neondb nextjs shadcn-ui tailwind typescript

Last synced: 3 months ago
JSON representation

Countries DB based on the Frontend Mentor challenge. Uses the REST Countries API. Built using Next.js, Tailwind, TypeScript, Neon DB and Clerk authentication.

• Host: GitHub
• URL: https://github.com/markslorach/countries-db-archive
• Owner: markslorach
• Created: 2024-08-06T13:37:52.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-11T20:02:53.000Z (over 1 year ago)
• Last Synced: 2025-10-13T21:03:40.830Z (9 months ago)
• Topics: api, axios, clerk, neondb, nextjs, shadcn-ui, tailwind, typescript
• Language: TypeScript
• Homepage:
• Size: 621 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Countries DB

A ful-stack application to view information on the countries of the world. Based on the [Frontend Mentor REST Countries challenge](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca).

## Tech Stack

- **Frontend:** Next.js, TypeScript, Tailwind, Shadcn/ui

- **Backend:** Prisma ORM, Neon PortgreSQL

- **Authentication**: Clerk Auth

## Features

* View a list of all countries

* Search for a country

* Filter countries by region

* Sort countries by ascending or descending order

* View more info about a country and its bordering countries

* Optional user authentication

* Logged in users can add countries to favourites

* Fully mobile responsive

## Links

Deployed Link - https://countriesdb.vercel.app \

Project Link - https://github.com/markslorach/countries-db.git

## Test Login Credentials

email: test@countriesdb.com \

p/w: test123

## Contact

Email: hello@markslorach.com \

Website: www.markslorach.com

## Screenshots

![SCR-20240818-lczy](https://github.com/user-attachments/assets/fbae917d-81e0-4b99-a683-5681675ec977)

![SCR-20240818-ldcw](https://github.com/user-attachments/assets/07ddb14c-a791-4a87-9b07-5a300cf1e853)

![SCR-20240818-ldjr](https://github.com/user-attachments/assets/381f09b9-d5d8-4a94-b685-299bdfaafd61)

![SCR-20240818-ldlg](https://github.com/user-attachments/assets/c7fc12ec-a881-4e1b-95cf-1cb9aa1f631f)

![SCR-20240818-ldmx](https://github.com/user-attachments/assets/c26cd1bd-603b-40f0-9a3f-0ab636343fb6)