https://github.com/vickttor/ignite-reactjs-refactoring
Here you'll find a react application built in ReactJS course from rocketseat plataform (Ignite). It's a movie platform that filters by category. The code was made by rocket and I refactored it to accomplish the 2° challenge of the course.
https://github.com/vickttor/ignite-reactjs-refactoring
Last synced: 10 months ago
JSON representation
Here you'll find a react application built in ReactJS course from rocketseat plataform (Ignite). It's a movie platform that filters by category. The code was made by rocket and I refactored it to accomplish the 2° challenge of the course.
- Host: GitHub
- URL: https://github.com/vickttor/ignite-reactjs-refactoring
- Owner: vickttor
- License: mit
- Created: 2022-02-15T12:43:32.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-18T17:19:25.000Z (almost 4 years ago)
- Last Synced: 2025-01-22T16:09:01.212Z (12 months ago)
- Language: TypeScript
- Size: 37.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TodoList with ReactJS - Rocketseat Ignite
Hello everybody, here I keep my code developed during the second (optional) challenge from Ignite platform (rocketseat). I refactored a webpage that shows movies and filter them by genre. The project uses typescript and sass. The template was simple and beautiful, but after refactoring the components I wanted to let the application more unique, so I change the colors, I apply the responsiveness besides to create a dinamic page to receive json data from `state` property in Link. The routes was built with `react-routes-dom`.
## Status
🚀 ...released... 🚀
## Requirements and How to use
To run this application locally you just need to install [node](https://nodejs.org/en/) in your computer. By doing that npm (node package manager) will be installed too. So know you can start the application by running:
```bash
# Install all dependencies
npm install
# Then start the json-server
npm run server
# Start the application
npm run dev
```
If you prefer you can run by using `yarn` instead:
```bash
# Install yarn in computer globally
npm install yarn --global
# Install all dependencies with yarn
yarn
# Then start the json-server
yarn server
# Start the application with yarn
yarn dev
```
## Preview
## Techonologies
- REACTJS - To use JSX syntax and build SPA Website
- WEBPACK - To bundle the converted code
- BABEL - To convert our code to js syntax that all browser versions can understand
- TYPESCRIPT - To apply types to our variables
- SASS - To apply styles
- GOOGLE FONTS - Poppins fonts to our text
- COMMITLINT - To verify the structures of commits prior to push them
- COMMITIZEN - To give us a CLI to build our commits in commitlint pattern
- HUSKY - To execute functions hooks prior git commands
- REACT-ROUTER-DOM - To build the routes of our application
_This project was built whithout `create-react-app` or `vite`. It was built from zero to learn the structure of a ReactJS App._
> **The project does not maintain the data. If you like, fell free to contribute with features to store data in `BaaS`(firebase, supabase),localStorage or any other feature.**
### EDITOR
- [Visual Studio Code](https://code.visualstudio.com/)
---
## 💪 How to contribute to the project
1. **Fork** the project.
2. Create a new branch with your changes: `git checkout -b my-feature`
3. Save the changes and create a commit message telling what you did: `git commit -m "feature: My new feature"`
4. Push your changes: `git push origin my-feature`
> If you have any questions, check out this [guide on how to contribute on GitHub](./CONTRIBUTING.md)
## Author
Victor Hugo 🚀
## 📝 Licença
This project is under MIT license [MIT](./LICENSE).
Made with dedication by VictorSilva15
---