From 9990f78b413dd51b9734a0bcc5b76f2938e553be Mon Sep 17 00:00:00 2001
From: i-Bex <i-Bex@users.noreply.github.com>
Date: Thu, 9 May 2024 09:21:30 +0800
Subject: [PATCH] Added README file

---
 README.md | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..082c36c
--- /dev/null
+++ b/README.md
@@ -0,0 +1,60 @@
+# Frontend Mentor - REST Countries API with color theme switcher solution
+
+This is a solution to the [REST Countries API with color theme switcher challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca). Frontend Mentor challenges help you improve your coding skills by building realistic projects. 
+
+## Table of contents
+
+- [Overview](#overview)
+  - [The challenge](#the-challenge)
+  - [Screenshot](#screenshot)
+  - [Links](#links)
+- [My process](#my-process)
+  - [Built with](#built-with)
+  - [What I learned](#what-i-learned)
+  - [Continued development](#continued-development)
+- [Author](#author)
+
+## Overview
+
+### The challenge
+
+Users should be able to:
+
+- See all countries from the API on the homepage
+- Search for a country using an `input` field
+- Filter countries by region
+- Click on a country to see more detailed information on a separate page
+- Click through to the border countries on the detail page
+- Toggle the color scheme between light and dark mode *(optional)*
+
+### Screenshot
+
+![](./design/project-screenshot.png)
+
+### Links
+
+- Solution URL: [Add solution URL here](https://your-solution-url.com)
+- Live Site URL: [Add live site URL here](https://your-live-site-url.com)
+
+## My process
+
+### Built with
+
+- Semantic HTML5 markup
+- CSS custom properties
+- Javascript
+- Flexbox
+- CSS Grid
+- Mobile-first workflow
+
+### What I learned
+
+I learned and practice about MVC pattern using javascript although i may not quite get it right or not strictly followed the MVC pattern i'm still glad that i am able to do it in some way, this project is suitable for it i learned a lot of new concept in JS while doing this project.
+
+### Continued development
+My Focus now is how i can improve my implementation of MVC pattern on this project and to write a more readable and easy to understand code.
+
+## Author
+
+- Github - [i-Bex](https://github.com/i-Bex)
+- Frontend Mentor - [@ibex](https://www.frontendmentor.io/profile/i-Bex)
\ No newline at end of file