Fun website to challenge naming all districts in Nepal.

Related tags

Learning resource nepal-districts
Overview

Nepal-Districts

Live: https://districts.aabishkararyal.com

Repo: https://github.com/aabishkaryal/nepal-districts

Table Of Content:

Inspiration:

Inspired from the states game in friends (season 7, episode 8) and https://iafisher.com/projects/cities/usa, this is the version where you are challenged to name all the districts in Nepal.

Technologies Used:

I decided to start with an MVP of a simple static website made with Nextjs Nextjs provided me with the flexibility to shift to a dynamic website if needed later on. I used tailwindcss for styling.

Roadmap:

These are features I want to implement if this project gets some stars/tractions. I am also open to contributions.

  • Animations
  • Show some interesting fact about the district when user types in a correct district.
  • Casual and Hardcore mode (timed)
  • Leaderboard for hardcore mode
  • List districts by different factors like population, area. (Super hardcore)
  • Separate mode where user can guess the district by shape, location and maybe some facts
  • Better Error Handling
  • Multiple spelling support

Contributing Guide:

Want to contribute? Please check the guidelines below:

  • Fork the repository
  • Create a feature/patch branch from main branch
  • Commit your changes
  • Push to the dev branch & open a pull request If you want to add new feature to the project, please raise an issue as well as join our Discord Server for discussion.

Development Setup:

  • Clone the repo git clone https://github.com/aabishkaryal/nepal-districts.git
  • Install dependencies yarn install
  • Start next server yarn dev
Comments
  • show districts name, population & other relevant information on popup when hovered upon district

    show districts name, population & other relevant information on popup when hovered upon district

    Added feature issued here. Added some more data about district like district Area, Population & Elevation. This data will be visible upon mouse hover on districts.

    opened by mrsudarshanrai 7
  • fixed issue caused due to misspellings

    fixed issue caused due to misspellings

    Fixed the issue that was being caused due to misspellings.

    I found a node package called 'string-similarity' based on Dice's coefficient algorithm to compare the degree of similarity of two strings.

    The two strings, one provided by the user and the one on the JSON data are compared against each other. I tried and tested some names of districts with variations in their spelling and the best result was found if the degree of similarity was over 60%.

    This is my first contribution to an open-source. So hope I get some feedback on what can be done better.

    opened by thebishalniroula 5
  • [Feature] Save the progress in localStorage

    [Feature] Save the progress in localStorage

    Problem Currently, the progress data gets lost once the user refreshes the page

    Proposed Feature Store the user's progress in the localStorage and let them continue the game if the browser gets refreshed

    enhancement good first issue 
    opened by rahuldahal 2
  • feat: add animation when district is rendered

    feat: add animation when district is rendered

    When a user enters the correct district name, currently the district drawn on the screen doesn't animates.

    Adding animation that slowly draws the district border will make the process smooth.

    opened by ashiishme 0
  • show districts name, population & other relevant information on popup when hovered upon district

    show districts name, population & other relevant information on popup when hovered upon district

    Added feature issued here. Added some more data about district like district Area, Population & Elevation. This data will be visible upon mouse hover on districts.

    opened by mrsudarshanrai 1
  • [ Discussion ]: prevent user from typing mis-matched name of districts

    [ Discussion ]: prevent user from typing mis-matched name of districts

    This problem cannot be fixed by allowing user to create PR for possible "Typo" of district name.

    Example:

    • Tehrathum -> comes from Wiki
    • Terhathum -> Might come from locals of that district and depends on how they spell it using Roman Nepali

    For now, all the PR that fixes the typo should be checked against if it matches the name on Wiki page & we have different name on our data source.

    The future enhancement:

    I was thinking of something like creating a validation notice on input field that validates the input data to "look a like" with one of the data we have on our source.

    Example of this feature:

    • Tehrathum -> The one we have on the data source
    • Terhathum -> The one user might type / expect

    The input validation should check if Terhathum ( the user input ) has similar word on our data source.

    If the matching ratio is higher, suggest the word in error message with the word we have on data source:

    "Did you mean "Tehrathum" ?

    Reference

    Check Levenshtein Distance Algorithm for the implementation.

    This issue is open for discussion, please add your comments & suggestions.

    discussion 
    opened by ashiishme 7
Releases(v1.1.0)

  • v1.1.0(Feb 15, 2022)

    What's Changed

    • Updated the live deployment URL! by @TheBinitGhimire in https://github.com/aabishkaryal/nepal-districts/pull/4
    • Implementation of Persistent Progress! #3 by @TheBinitGhimire in https://github.com/aabishkaryal/nepal-districts/pull/12
    • Implementation of District Colors, based on Province! #10 by @TheBinitGhimire in https://github.com/aabishkaryal/nepal-districts/pull/13
    • Styles and Roadmap Changes by @aabishkaryal in https://github.com/aabishkaryal/nepal-districts/pull/16

    New Contributors

    • @TheBinitGhimire made their first contribution in https://github.com/aabishkaryal/nepal-districts/pull/4
    • @aabishkaryal made their first contribution in https://github.com/aabishkaryal/nepal-districts/pull/16

    Full Changelog: https://github.com/aabishkaryal/nepal-districts/compare/v1.0.0...v1.1.0

    Source code(tar.gz)
    Source code(zip)

  • v1.0.0(Feb 14, 2022)

Owner
Aabishkar Aryal
Aabishkar Aryal
GitHub https://districts.aabishkararyal.com
Hot-challenge-solving application for any coding challenge services.

✔️ Solv Hot-challenge-solving application for any coding challenge services. Introduction Solv [sɑːlv] is a cli application for solving coding challen

Sophia 8 Dec 13, 2022
A JavaScript library for querying administrative regions in Cambodia including Provinces, Districts, Communes and Villages.

pumi A JavaScript library for querying administrative regions in Cambodia including Provinces, Districts, Communes and Villages. Supports Node.js, Bro

null 4 Apr 11, 2022
Fast API for getting moroccan cities and their districts in json format.

Fast API for getting moroccan cities and their districts in json format built with Usage The number of requests per user is limited to 100 req/min Lis

Ysn4Irix 26 Dec 22, 2022
Challenge for you all to prove that CVE-2022–29622 is not false

CVE-2022–29622: (In)vulnerability Analysis This codebase was created to help security professionals and developers to understand why I think Formidabl

Zsolt Imre 2 Jul 20, 2022
Website to test solving the rabbit hole challenge.

?? Rabbit in the Hole Challenge This website is designed to show solutions and possibilities for the Rabbit in the Hole Challenge. ?? What is the chal

Nícolas Gabriel 5 Oct 18, 2022
A2er - Fun browser extension, changing all words ending with `a` to end with `er`.

a2er Fun browser extension, changing all words ending with a to end with er. This started as a joke between friends and me, pronouncing words ending w

Sebastian Schicho 1 Jan 10, 2022
Built for fun and game activities! you can submit scores of players, create a new game, and refresh to see who is on top of the leaderboard. It was built with JavaScript, HTML, and CSS. Thanks to the central LeaderBoard API service all data is preserved

LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Mini Presentation Additio

Clinton Mbonu 20 Jun 30, 2022
A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui

Welcome to FullStack Next.js template ?? A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne

Avneesh Agarwal 10 Oct 16, 2022
🎒 Accessible and extremely useful website for public school in Poland, built on fun and modern stack.

✨ Strona Szkolna ?? Zadania · ?? Pomysły Struktura ?? apps ?? backend: headless CMS (API) używający Strapi, które umożliwia dowolne typy contentu, np.

Elektron++ 26 Dec 21, 2022
Cuteanime is a website where you can watch anime with Japanese subtitles, it is a fun way to study japanese.

Cuteanime.moe Cuteanime is a website where you can watch anime with Japanese subtitles and lookup words with a dictionary extension like Yomichan. We

Moepi 10 Oct 27, 2022
An interactive git visualization and tutorial. Aspiring students of git can use this app to educate and challenge themselves towards mastery of git!

LearnGitBranching LearnGitBranching is a git repository visualizer, sandbox, and a series of educational tutorials and challenges. Its primary purpose

Peter Cottle 26.4k Jan 3, 2023
This Repository consist of Daily learning JS, Assignments, coding challenge, projects, references, tutorial

?? A Tour of JavaScript This Repository consist of Daily learning, Assignments, coding challenge, projects, references, tutorial. ??‍?? ??‍?? alert(

null 23 Sep 7, 2022
A Weather API project inspired by The Ultimate API Challenge / Weather API.

Weather API Project A Weather API project inspired by The Ultimate API Challenge / Weather API. Tech Stack: React.js Tailwind Axios Inspiration The Pr

Franziska 1 Dec 29, 2021
Codelandia-Challenge-2-JordanShoes - Desafio da comunidade da Codelândia, realizada com React e Typescript.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

André Luís Martins de Oliveira 1 Jan 3, 2022
30 Day Vanilla JS Challenge

JavaScript30 Starter Files + Completed solutions for the JavaScript 30 Day Challenge. Grab the course at https://JavaScript30.com Community #JavaScrip

Wes Bos 22.5k Jan 2, 2023
Alura Challenge Oracle One Logica de Programacion Latam

Alura Challenge Oracle One Logica de Programacion Latam Desafio 1 Encriptador de texto Este repositorio fue creado como solución al Challengue #1 prop

null 2 Jan 31, 2022
Shopify Backend Developer Intern Challenge - Summer 2022

Shopify-Backend-Developer-Intern-Challenge Shopify Backend Developer Intern Challenge - Summer 2022 Application Features User can add products. User c

Dhrumil Shah 1 May 14, 2022
Request-Header-Parser-Microservice App for FreeCodeCamp Backend Challenge

API Project: Request Header Parser Microservice for freeCodeCamp User stories: I can get the IP address, preferred languages (from header Accept-Langu

Christotle Agholor 3 Mar 20, 2022
Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges.

JSHero - jshero.platzi.com ?? Create a new challenge for jshero.platzi.com, share your experience creating amazing challenges. Create a new challenge:

Comunidad Platzi 28 Oct 19, 2022