https://github.com/leandro-parice/rocketseat-ignite-feed-ts

Project developed during the Rocketseat ReactJS course. Applying key React concepts like state management, immutability, and componentization. The project uses localStorage for user data storage and simulates interactions, offering a complete example with a minimal closed scope.
https://github.com/leandro-parice/rocketseat-ignite-feed-ts

css html ignite ignite-reactjs ignite-rocketseat javascript js json react react-hooks reactjs rocketseat

Last synced: 20 days ago
JSON representation

Project developed during the Rocketseat ReactJS course. Applying key React concepts like state management, immutability, and componentization. The project uses localStorage for user data storage and simulates interactions, offering a complete example with a minimal closed scope.

• Host: GitHub
• URL: https://github.com/leandro-parice/rocketseat-ignite-feed-ts
• Owner: leandro-parice
• Created: 2024-08-14T12:04:22.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-08-17T16:30:10.000Z (6 months ago)
• Last Synced: 2024-11-22T23:09:50.989Z (3 months ago)
• Topics: css, html, ignite, ignite-reactjs, ignite-rocketseat, javascript, js, json, react, react-hooks, reactjs, rocketseat
• Language: TypeScript
• Homepage: https://leandroparice-ignite-feed.netlify.app/
• Size: 301 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ignite Feed

## About

This project, called Ignite Feed, was developed during the ReactJS course by Rocketseat. The primary goal of the course was to provide a solid foundation in React, so some functionalities of the original template were not fully implemented.

With this in mind, I decided to complete the project by expanding its scope and adding the pending features. Although I am still improving my skills, I chose to use localStorage to store information and implemented an “Editar seu perfil” button that allows users to add or manage profiles. This way, it’s possible to simulate any GitHub user commenting on posts.

To complete this project, I utilized JavaScript, TypeScript, CSS, and HTML. In addition, I applied key React concepts such as state management, state immutability, lists and keys, props, and componentization. I also worked with localStorage to store user information and leveraged React’s useEffect hook to manage side effects, enabling this user simulation.

Therefore, this project offers a minimal closed scope, serving as a good example of how a React project can be developed and completed, even with limited resources. Feel free to suggest improvements or share your feedback.