Need some help with ideas, react.js beginner.

NightSquirrel

Newbie
Joined
Jul 17, 2021
Messages
23
Reaction score
2
Hi there, I am learning react.js at the moment and want some ideas or "help" on what I can build while learning. I want to do some "real world" projects, where I can learn from. there I can use some things who will be needed in react as a developer.

Please spam/brainstorm your ideas down below and help a fellow programmer out XD

// NightSquirrel
 
I remember that my first React project was a Pokedex. It was a great experience cuz I also learned to use APIs in my React code.

https://github.com/oynozan/pokedex Check the repository if you're interested. Since it was my React project, it might be little bit messy xD
 
You need a project where you learn how to fetch from an external API endpoint. You need to learn the difference between a client and server(Search videos on youtube!). You need to work with state, global state, and reusable component architecture.
A great project to start with is a webshop. Where you have a home page, with products you render on the page you stored in an array. And when you click on the product it will link to a dynamic page to see the product detail. You click on add cart and it wil add the product to an array which will be accessible by global state by reacts Usecontext api with localstorage. You finish the application by adding stripe payments. Use express for the backend to make your own API’s to make the stripe request secure! So you make a post request to your own endpoint : /api/create-payment-url. And receive back the url from stripe. You redirect the user to the url. And after the payment is done. Redirect the user back to the website. Search for stripe nodejs library google.

This will teach you most if the things you need to know to build projects.
 
Create an example CRUD application, which can be blog or plain e-shop. Its what you gonna deal with on your real job.
 
As guy said before, try something with crud, also you can try build some fullstack app with using firebase, integrated into your project. It`s pretty easy to do, and you will get some experience working with databases
 
Back
Top