https://github.com/abdelrahman-mh/rest-countries
Countries interface builds with: Vite, React, Typescript, Tanstack Qeury and Router, and Chakra UI
https://github.com/abdelrahman-mh/rest-countries
chakra-ui react react-query responsive-design tanstack-query tanstack-router theme-modes tyepsc vite
Last synced: 8 months ago
JSON representation
Countries interface builds with: Vite, React, Typescript, Tanstack Qeury and Router, and Chakra UI
- Host: GitHub
- URL: https://github.com/abdelrahman-mh/rest-countries
- Owner: abdelrahman-mh
- Created: 2024-07-08T23:15:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-09T01:05:34.000Z (over 1 year ago)
- Last Synced: 2025-01-07T08:14:40.477Z (10 months ago)
- Topics: chakra-ui, react, react-query, responsive-design, tanstack-query, tanstack-router, theme-modes, tyepsc, vite
- Language: TypeScript
- Homepage: https://abdelrahman-mh.github.io/rest-countries/
- Size: 1.57 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# REST-API Countries Interface
Builds with: [Vite](https://vitejs.dev/), [React](https://react.dev/), [Typescript](https://www.typescriptlang.org/), [Tanstack Query](https://tanstack.com/query/latest), [Tanstack Router](https://tanstack.com/router/latest), and [Chakra UI](https://v2.chakra-ui.com/)
[Live Demo](https://abdelrahman-mh.github.io/rest-countries/)
## Development
- Clone the repo and navigate the project directory:
```bash
git clone https://github.com/abdelrahman-mh/rest-countries
cd rest-countries
```
- Install Dependencies:
```bash
# you can use also pnpm as you need
npm install
```
- Run dev server:
```bash
npm run dev
```
Now open http://localhost:5173/ in you browser
### ToDos 📝
- [ ] Add scroll to top button
- [ ] E2E tests with [Cypress](https://www.cypress.io/)
- [ ] Add custom theme for buttons and inputs, for more lees code in components
### Home page
### Home Page Dark Mode
### Country Search
### Country Details
