Skip to content

A curated collection of React projects built to explore and practice modern frontend development concepts.

Notifications You must be signed in to change notification settings

DevRodrigocs/react-exercises

Repository files navigation

React Projects

A curated collection of React projects built to explore and practice modern web development concepts.
Each project focuses on a specific skill, from state management to conditional rendering and styled components.


📂 Projects Included

📝 Quiz

An interactive quiz application with multiple-choice questions.
Features:

  • Dynamic question rendering
  • Real-time score tracking
  • Final result display

Quiz Screenshot
Quiz Screenshot Quiz Screenshot Quiz Screenshot


😀 Rating via Emoji

A fun rating system where users can evaluate using emojis.
Features:

  • Emoji-based rating selection
  • Instant visual feedback
  • Simple and intuitive interface

Rating Screenshot
Rating Screenshot
Rating Screenshot
Rating Screenshot
Rating Screenshot


🧑‍🎓 Student Grades

A grade management tool that displays and calculates student performance.
Features:

  • Student list rendering
  • Grade calculation and results
  • Organized layout for readability

Student Grades Screenshot


📸 Photo Gallery

A responsive photo gallery application.
Features:

  • Image grid layout
  • Responsive design
  • Interactive navigation

Photo Gallery Screenshot
Photo Gallery Screenshot


🖐️ Greeting Condition

An app that shows different greetings depending on conditions (like time or user input).
Features:

  • Conditional rendering
  • Personalized messages

Greeting Screenshot


✍️ Full Name

A simple form to display and update a user's full name.
Features:

  • Real-time input handling
  • Dynamic text display

Full Name Screenshot Full Name Screenshot


🟥 Square Effect Cleanup

A component that demonstrates React’s useEffect for side effects and cleanup. Features:

  • Logs messages on mount and unmount
  • Shows how to use cleanup functions in useEffect

Square Effect Cleanup Square Effect Cleanup


🛠️ Technologies Used

  • React → Component-based UI
  • TypeScript → Static typing & safer code
  • Tailwind CSS → Utility-first styling
  • Next.js → Framework setup

📄 License

This repository is licensed under the MIT License.

About

A curated collection of React projects built to explore and practice modern frontend development concepts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published