Skip to content

Commit

Permalink
Create README.md
Browse files Browse the repository at this point in the history
  • 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.
65 changes: 65 additions & 0 deletions README.md
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>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="#-technologies">Technologies</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="#-layout">Layout</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="#-features">Features</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<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/)

0 comments on commit 30081a6

Please sign in to comment.