Giter Site home page Giter Site logo

zeepk / wildlife Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 0.0 3.56 MB

Tracking site for Animal Crossing: New Horizons

Home Page: https://acwildlife.com

HTML 0.65% SCSS 9.60% TypeScript 89.60% CSS 0.15%
typescript webapp animal-crossing animal-crossing-new-horizons acnh nodejs node react redux primereact

wildlife's Introduction

AC Wildlife

Track your progress in Animal Crossing: New Horizons! Designed for everyone from casual islanders to completionists.

Table of Contents

Track your personal progress for all Museum collections, all Nook Mile Achievements, and more!

image

Add your friends and see their villagers, and if they need that genuine art in Redd's shop or maybe that fossil you just dug up

image

image

See which reactions your current villagers can help you with

image

Back end

  • TypeScript
  • Node
  • Express
  • MongoDB (Atlas)
  • Hosted with Heroku (for now)

Front end

  • TypeScript
  • React
  • Redux
  • PrimeReact UI Library
  • Chart.js
  • Luxon DateTime
  • Sass

Branch Structure

  • master: usually the most recent prod deployment
  • dev: latest code, may not be 100% functional
  • release-vx.x.x: code for that particular release

wildlife's People

Contributors

zeepk avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

wildlife's Issues

User Dashboard

  • today's birthdays
  • upcoming events?
  • current fish/bugs/sea to catch

Shrink landing page card

On landing page and dashboard, we don't show much content. Should add a max width so the main card doesn't look so stretched out.
Also increase list of critters in carousel.

Friends page

shell with sections for:

  • friends list
  • add friend
  • friend requests

Link preview

There is no preview image when linking from sites like Twitter

Custom notes

Add a file with custom notes for different objects, such as:

  • explanations for fake artwork
  • additional notes for fish locations
  • reactions (ex. must participate in yoga)
  • achievements (ex. pirate gulliver not counting)

Adjust footer

Should be more inconspicuous (sp?)

  • some sort of feedback (twitter)
  • like it? github sponsor
  • watch me build it

maybe a bigger footer with smaller links

Try the INTL API for listing villagers

Sounds like the INTL api can help with formatting lists into strings with an oxford comma, let's try it where we list out villagers on Reaction cards

Figure out upcoming events

Events:

  • bug/fish competition
  • season start/end
  • nintendo direct
  • kk slider
  • etc

Could be manual?

  • env variable update in netlify or heroku
  • ongoing/ever-growing list that just keeps extending, reminder to update once a quarter

Auto?

  • probably no APIs but worth checking around
  • some sort of AC calendar

Achievement totals incorrect

Seems to only be totaling the number of achievements where at least 1 tier is complete

Should total the number of tiers complete across all achievements

Profile pages

Each user should have their own public profile page

  • totals
  • icon/username
  • logged in? add friend

Art total remaining is incorrect

Remaining total for Art on the /totals page does not correctly match up with actual Art progress

This shows only 1 remaining when there are actually 6 left unchecked

image
image

Fix all header font issues

Fix all h1's and the like to just be regular p or div but with increased font size
I think bold causes issues too

image

Add "Available Now!" tag to cards

Add "Available Now!" and remove bells cost (or move somewhere else)

Ideas:

  • transform bells cost into a badge with a symbol in the bottom right, add new tag to bottom left?
  • completely remove the bells cost

Set your current villagers

As a user I'd like to set my current villagers on my profile in a dropdown similar to the profile picture one, then I can:

  • see my friends' villagers (in the future)
  • see a popup if one of their birthdays is coming up
  • see if any of them can give me any of the reactions I'm missing

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.