GithubHelp home page GithubHelp logo

mlh-fellowship / find-a-wish Goto Github PK

View Code? Open in Web Editor NEW
1.0 4.0 1.0 2.92 MB

Find an organization you want to grant wishes for!

Home Page: https://find-a-wish.onrender.com/

License: MIT License

HTML 7.35% CSS 3.97% JavaScript 88.68%

find-a-wish's Issues

Deployment

Deployment Ideas from Handbook:

  • Creating a VM on a cloud platform (like Google Cloud)

  • Putting your project inside a Docker container

  • Using GitHub Actions to automatically deploy projects onto the cloud

  • Using a domain from Domain.com or from the GitHub Student Developer Pack

Set up Frontend

  • Make a wireframe/Mock UI Design
  • Set up React app
  • Components
  • Link to backend - eventually

Set up Backend

  • Set up login authentication
  • Amazon buying + shipping to the organization - Any APIs?
  • Amazon affiliates - donate referral bonus as well: Extra
  • Database for users and the organizations

Wishlist Input Form Submit + Reset

Describe the bug
Currently, the form doesn't reset with initial values after pressing submit, so I had to implement a reset button to do that for us.

To Reproduce
Steps to reproduce the behavior:

  1. npm start after cloning the repo and installing dependencies
  2. Go to "Post a Wishlist!" tab
  3. Fill out form
  4. Press submit, see output in console, press reset

Expected behavior
Ideally, the form should reset after submission and the wishlist poster should be redirected to the organizations page to see their card/profile(later issue)

Screenshots
If applicable, add screenshots to help explain your problem.

  1. Before Submit:

Screen Shot 2020-12-06 at 9 37 53 AM

  1. After Submit:

Screen Shot 2020-12-06 at 9 38 03 AM

  1. After Reset:

Screen Shot 2020-12-06 at 9 38 13 AM

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.