DEV Community

Cover image for First Reactjs Project
Luis Linares
Luis Linares

Posted on

First Reactjs Project

This project was about the famous movie Star Wars and the instructions were to build a minimalist version of the Star Wars Databank with a “Read Later” or “Favorites” list functionality.

📝 Instructions

Use Bootstrap components, you need almost no custom CSS.
Take some time to understand the SWAPI.tech API, this will be our source of information, and we will be consuming this API.
Fetch the SWAPI people, vehicles, and planets, and display them on your application.
Declare a favorites array in your central store and allow the user to add or remove favorites.
In this project I learn so much, finally, with the help of the force I use all my power to make this work, using my knowledge of Javascript, ReactJs, Bootstrap, and HTML5. With the help of my teacher I was able to do this I think in a week.

The imposter syndrome was one of the things I battle along doing this project because sometimes the code does exactly what I tell them to do (nothing).

Working with React is not easy for me, people tell me that React is just like building something with little blocks, but is not just that, you really need to have a lot of creativity because the things you can do with Reacjs have no limits and this just makes me go beyond just the basic and keep learning and learning, not to be a master Jedi, but to just to feel comfortable to make a good product in the future and work harder every day.

Here is the Vercel deployment https://laln-starwars-blog-reactjs.vercel.app

and here you can see the code https://github.com/Linnovel/LALN-starwars-blog-reactjs

Let me know what you think and what should I improve and I believe I can improve a lot.

Image of AssemblyAI tool

Challenge Submission: SpeechCraft - AI-Powered Speech Analysis for Better Communication

SpeechCraft is an advanced real-time speech analytics platform that transforms spoken words into actionable insights. Using cutting-edge AI technology from AssemblyAI, it provides instant transcription while analyzing multiple dimensions of speech performance.

Read full post

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay