Turkey Visited Map

---

This project is a mark visited places app for Turkey

· View Demo

📖 About

This project is a mark visited places app for Turkey map. I developed this tool because, I need to mark on the map.

📚Tech Stack

bubkoo/html-to-image	Generates an image from a DOM node using HTML5 canvas and SVG.
timolins/react-hot-toast	Smoking Hot React Notifications
skratchdot/react-github-corner	Add a Github banner to your project page for React
Next.js	The React Framework for SEO Friendly website and more...
Commitlint	Send commit messages to conventional commits rules
TypeScript	TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
SASS	The most mature, stable, and powerful professional grade CSS extension language in the world
Editorconfig	Helps maintain consistent coding styles for my working on the same project across various editors and IDEs
Eslint	Find and fix problems in your JavaScript code
Prettier	An opinionated code formatter

🧐 What's inside?

Features

• There is a Turkey map in the page that you can use to mark. There is Local Storage support on this page. When you click to a few cities after, reload the page and as you can see your data has not been deleted 🎉

• You can download the map as an image. You can use to "Resmi indir" button on Home page

Collection Page

1. Click to a few cities
2. Press the "Linki kopyala" button
3. Paste it the browser and enter the copied page as you can see, this page is a city collection page and you now have a link. You can share this link with your friends 😎

Getting Started

📦 Prerequisites

• Node (v12.0.0+)

• Npm (v6.00+)

⚙️ How To Use

1. Clone this repository

git clone https://github.com/yasinatesim/turkey-visited-map.git

2. Install the project dependencies

yarn install

For Development

yarn dev

App is running on http://localhost:3000

For Production Build & Build Start

yarn build

and

yarn start

For Lint & Format

yarn lint
yarn format

🔑 License

• Copyright © 2022 - MIT License.

See LICENSE for more information.

---

This README was generated with by markdown-manager 🥲