-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Gisele Bernardes da Silva
authored
Mar 15, 2021
1 parent
311d7ad
commit 30081a6
Showing
1 changed file
with
65 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<h1 align="center"> | ||
movies list | ||
</h1> | ||
|
||
<p align="center"> | ||
<a href="https://github.com/gisabernardess/ignite-reactjs" rel="nofollow">Ignite Journey</a> - Challenge 02 | ||
</p> | ||
|
||
<p align="center"> | ||
<a href="#-project">Project</a> | | ||
<a href="#-technologies">Technologies</a> | | ||
<a href="#-layout">Layout</a> | | ||
<a href="#-features">Features</a> | | ||
<a href="#-license">License</a> | ||
</p> | ||
|
||
<p align="center"> | ||
<img alt="GitHub language count" src="https://img.shields.io/github/languages/count/gisabernardess/movies-list"> | ||
|
||
<img alt="GitHub top language" src="https://img.shields.io/github/languages/top/gisabernardess/movies-list"> | ||
|
||
<img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/gisabernardess/movies-list"> | ||
|
||
<img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/gisabernardess/movies-list"> | ||
|
||
<img alt="Github license" src="https://img.shields.io/github/license/gisabernardess/movies-list"> | ||
</p> | ||
|
||
<p align="center"> | ||
<img alt="to.do list" src="/"> | ||
</p> | ||
|
||
<br/> | ||
|
||
## 💻 Project | ||
|
||
An application where your main objective is to refactor a page for listing films according to genre, to practice a little more about componentization in React. A challenge from [Rocketseat](https://rocketseat.com.br/)'s Ignite journey. | ||
|
||
## 🚀 Technologies | ||
|
||
This project was developed with the following technologies: | ||
|
||
- [React](https://reactjs.org) | ||
- [TypeScript](https://www.typescriptlang.org/) | ||
|
||
## 🔖 Layout | ||
|
||
Created from Rocketseat [template](https://github.com/rocketseat-education/ignite-template-componentizando-a-aplicacao). | ||
|
||
## ✨ Features | ||
|
||
The application is already fully functional but much of its code is directly in the <code>App.tsx</code> 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 list 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 "Ação") should already start as checked; | ||
- The application header has only the name of the selected category that must change dynamically; | ||
|
||
## 📄 License | ||
|
||
This project is under the MIT license. See the [LICENSE](LICENSE.md) for more information. | ||
|
||
--- | ||
|
||
Made with ♥ by Gisele Silva 👋🏻 [Get in touch!](https://www.linkedin.com/in/gisabernardess/) |