yasinatesim / turkey-visited-map

This project is a mark visited places app for Turkey

Home Page:https://turkey-visited-map.yasinatesim.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


Turkey Visited Map
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
  1. 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 πŸ₯²

About

This project is a mark visited places app for Turkey

https://turkey-visited-map.yasinatesim.vercel.app/


Languages

Language:TypeScript 86.8%Language:SCSS 10.6%Language:JavaScript 1.5%Language:Shell 1.2%