Giter VIP home page Giter VIP logo

turkey-visited-map's Introduction


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 πŸ₯²

turkey-visited-map's People

Contributors

yasinatesim avatar

Watchers

 avatar  avatar

turkey-visited-map's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.