WatchMe

Challenge 02 - Componentizing the application!

About the challenge   |    Getting started   |    How to contribute   |    License   |    Author

About the challenge 📂:

In this challenge, you will have to create an application to train what you have learned so far in ReactJS

This will be an application where your main objective is to refactor a page for listing films according to genre.

The application is already fully functional but a large part of its code is directly in the App.tsx file. To solve this in the best way, it is necessary to divide the application into ** at least ** two main parts: sidebar and the main content that has the header and the list of films.

• The application has only one main feature, which is the listing of films;
• In the sidebar it is possible to select which category of films should be listed;
• The first category on the list (which is "Action") should start as marked;
• The application header has only the name of the selected category that must be changed dynamically.

Below we will see in more detail what and how it needs to be done 🚀

Getting started 🖥️:

Clone the project and access the folder

$ https://github.com/BootcampIgnite2021/challenge-02-componentizing-application.git && cd challenge-02-componentizing-application

Follow the steps below

# Install the dependencies
$ yarn

# Start the client
$ yarn start

How to contribute 🤔:

Make a fork of this repository

# Fork using GitHub official command line
# If you don't have the GitHub CLI, use the web site to do that.

$ gh repo fork BootcampIgnite2021/challenge-02-componentizing-application

Follow the steps below

# Clone your fork
$ git clone your-fork-url && cd challenge-02-componentizing-application

# Create a branch with your feature
$ git checkout -b my-feature

# Make the commit with your changes
$ git commit -m 'feat: My new feature'

# Send the code to your remote branch
$ git push origin my-feature

After your pull request is merged, you can delete your branch

License 📝:

This project is licensed under the MIT License - see the LICENSE file for details.

---

Author 👨‍💻:

Made with ❤️ by franciscojunior10 meu 👉 Linkedin