diff --git a/README.md b/README.md index da09f05..1256b24 100644 --- a/README.md +++ b/README.md @@ -10,6 +10,7 @@ Project   |    Technologies   |    Layout   |    + How to Use   |    Features   |    License

@@ -27,14 +28,14 @@

- to.do list + movies list


## đŸ’ģ 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. +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 @@ -47,6 +48,24 @@ This project was developed with the following technologies: Created from Rocketseat [template](https://github.com/rocketseat-education/ignite-template-componentizando-a-aplicacao). +## ℹī¸ How To Use + +

To clone and run this application, you'll need Git and Yarn. From your command line:

+
+
# Clone the repository
+$ git clone https://github.com/gisabernardess/movies-list.git 
+# Go into the directory +$ cd movies-list
+# Install dependencies +$ yarn
+# Run the fake api +$ yarn server
+# Run the development server +$ yarn dev
+# Navigate to http://localhost:8080 +# The app will automatically reload if you change any of the source files.
+
+ ## ✨ Features The application is already fully functional but much 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.