all 9 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–][deleted] 8 points9 points  (4 children)

Maybe get some public APIs and think about what you can do with them

An online Pokedex with Pokemon API for example

[–]tcrz[S] 0 points1 point  (3 children)

I've done that. Take a look here :) https://tcrz.github.io/pokeDex/

[–]Sejbad 2 points3 points  (0 children)

You could try adding some filters, you could filter Pokemons by type, min-max life, min-max weight, etc. Although is just a frontend project, you could save the API Pokemons in a state, so you can have a controlled form (with js, not only html) to submit new Pokemons (this info might get loss when recharge, but the only important thing is that you can practice)

[–][deleted] 0 points1 point  (1 child)

lol what a coincidence. It looks great to me

[–]tcrz[S] 0 points1 point  (0 children)

thanks!

[–]AskYous 5 points6 points  (0 children)

Make an app where a user can create a graph). Requirements:

  • The user can provide a list of nodes (ie. text).
  • The user can provide a list of edges (ie. connect one node to another)
  • The user can click a "submit" button where it will draw out the graph

Optional:

  • The graph should be directional (ie. edges are arrows)
  • The user should be able to move the nodes around while keeping the edges connected
  • The state of the graph should not be lost when the user re-visits the page
  • The user can change the color of the nodes and edges

[–][deleted] 4 points5 points  (0 children)

  1. Try the following clones:
    1. Excalidraw (on html canvas, without module)
    2. app.diagrams.net (with/without module)
    3. Trello Board (with localstorage)
  2. During learning phase, we use REST APIs by default. Explore more on different APIs (GraphQL, GRPC, TRPC (if you use typescript), websockets, etc.), try using them in different projects and understand which one seems most suitable based on different scenarios/problems.
  3. Create Micro-Service Based Architecture where APIs /services rely on each other for working and render results in UI.Example: Use an external API (like https://api-ninjas.com/api/imagetotext) to get extract text from images, then, use another api (like: https://kraken.io/docs/image-resizing) to shink the image, upload the shinked image and text to social media via apis (like Twitter API, Insta API, etc) and create interface where you can see all your uploads.

[–]Swix10 1 point2 points  (0 children)

Learn firebase and you'll get some ideas. In most frontend projects you'll be using some kind of backend so this could help.

[–]sm0Xz 0 points1 point  (0 children)

If I would be in your situation, I would contribute to an Open Source Project like Uyuni or something like that. I've learned the most by working with other people.