Skip to content

rafaelcf03/react-app

Repository files navigation

React JS Project

My first project in React JS

This project is for study only, based on YouTube courses: React for Beginners by Code Stoic React JS Full Course | Zero to Hero by Smoljames

Here you can find 3 apps

  1. A task list (a.k.a. todo list)
  2. Nasa picture of the day
  3. To be definied

I'll be updating the documentation as the project progresses.

Running

It requires Node.js v20+ to run. Just go to root folder and run npm install. Then, in index.html -> <body> -> <script>, replace src="{path}" with the path for the project folder. Finally, npm run dev.

Example:

cd react-app-youtube
npm install

In index.html <script type="module" src="tasks-list-app/src/main.jsx"></script>

And then

npm run dev

Task list App

Version 1: You can add tasks, mark as done and delete. It's not possible to add more than one task with the same name if the previous one is not closed. screenshot

This is an upgraded version from Code Stoic app, using Material UI. There are a few bugs but it's working as it should work. 🤗

Nasa picture of the day

Version 1: Everyday you can see a different picture. It shows who has taken the picture and a description when the info icon is clicked. The data is fetched from APOD API. screenshot screenshot

This is the app version from Smol James with slightly changes made by moi

loading... 🛠️💻

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors