Giter Club home page Giter Club logo

meopets-frontend's Introduction

Hi, I'm Lucy Lee! ๐Ÿ‘‹

I am a junior software engineer, looking for work. I recently worked at nuArch as a consultant for eight months, and I have a BS in computer science. My previous projects have largely dealt with web development and project management, but I am eager to expand my horizons and explore other fields (e.g., data science, AI learning).

Pinned below are some of the group projects I have worked on in bootcamps or in school โ€” the most notable ones being Meopets, my TTP bootcamp capstone, and NYCare, my Hack Brooklyn 2021 submission.
Both were completed on tight schedules: the capstone, a number of days, and the hackathon entry, under 48 hours.
Through these projects, I learned a lot about working together with talented individuals who have differing opinions, and meeting deadlines under pressure.

๐Ÿ“ Resume
๐Ÿ“ซ Email: [email protected]

meopets-frontend's People

Contributors

itsskristyy avatar lucylee-412 avatar marcintomala avatar rivka99 avatar

Watchers

 avatar

meopets-frontend's Issues

Mini-games

Requesting the following bug fixes:

  • Do not load game immediately - ask user to start game first
  • Keep a tracker of how many times a user has played the fishing game (@Mordyfier, could you help with this?)
  • Update currency and/or related skill state

Pets

  • Display all pets found in database table (use dummy data for now)

  • Display states of pet:

    • Name
    • Image (URL)
    • Health
    • Hunger
    • Happiness
  • User can click on either pet name or pet image, sending that pet as a prop to the <Pet /> component, and navigate to its profile ( See #5 )

User Profile

  • Display message: "Last logged in: _ days"

  • Display amount of currency user owns (as a state)

  • Display welcome message

    • Can be randomly generated from an array of different messages, or can simply be "Welcome back, [user name here]"
  • Render <Pets /> component

    • Can use dummy data for now

Signup form

  • Navigation bar

  • Nested route of <Home /> ( See #1 )

    • (Edit routes in index.js)
  • Create signup form

    • Username field
      • Display message if username is taken
    • Password field
      • Display message if username is taken
    • Email field
      • Validation check that input is in email format input = "email"
      • Display message if email already exists
    • Pet name field
    • Submit button
      • On click, redirects to <UserProfile />

Pet Interactions

  • Display name of pet matching params

  • Display image of pet matching params

  • Display button to feed pet

    • Decrement state of pet's hunger
  • Display button to play with pet

    • Increment state of pet's happiness
  • Display confirmation message, informing user that the action was completed

  • Display anchor message or button that sends user back to <UserProfile /> ( See #4 )

Home page

  • Navigation bar

  • Set up as parent route that returns <Outlet />

  • Create login form

    • Username field
    • Password field
    • Submit button
      • On click, redirects to <UserProfile />
  • Anchor message under form that redirects visitor to <Signup /> if visitor does not already have an account

    • MVP: Alert user instead

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.