https://github.com/gtcore902/kasa

The objective is to create an application using the React JS framework. No library should be used except react-router.
https://github.com/gtcore902/kasa

react-router reactjs

Last synced: about 1 month ago
JSON representation

The objective is to create an application using the React JS framework. No library should be used except react-router.

• Host: GitHub
• URL: https://github.com/gtcore902/kasa
• Owner: gtcore902
• Created: 2024-02-05T07:48:11.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-14T23:25:09.000Z (about 2 months ago)
• Last Synced: 2024-12-15T00:20:46.221Z (about 2 months ago)
• Topics: react-router, reactjs
• Language: JavaScript
• Homepage:
• Size: 16.6 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fully React Application

This project is part of the Openclassrooms [Web Developer training path](https://openclassrooms.com/fr/paths/899-developpeur-web) :rocket:

The objective is to create an application using the React JS framework. No library should be used except [react-router](https://reactrouter.com/en/main).

## :wrench:Tools :

![html5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![css3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![javascript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=JavaScript&logoColor=000&style=flat-square)

![react](https://shields.io/badge/react-black?logo=react&style=for-the-badge)

![React Router](https://img.shields.io/badge/-React%20Router-CA4245?logo=react-router)

## :warning:Technical constraints :

### :computer:React :

It is imperative to use these React elements for quality code:

:white_check_mark: Modular and reusable component decomposition

:white_check_mark: One component per file

:white_check_mark: Logical structure of different files

:white_check_mark: Use of props between components

:white_check_mark: Use of state in components when necessary

:white_check_mark: Event handling

:white_check_mark: Lists: React allows for really interesting things with lists, iterating over them, for example with map. They should be used as much as possible.

It is also recommended, but not mandatory, to use functional components rather than class components.

### :page_with_curl:React Router :

Route parameters are managed by [React Router](https://reactrouter.com/en/main) in the URL to retrieve information about each accommodation.

:white_check_mark:There is one page per route.

:white_check_mark:The 404 page is returned for each non-existent route, or if a value present in the URL is not part of the provided data.

:white_check_mark:Router logic is consolidated in a single file.

### :page_with_curl:General :

:construction:The code should not produce any errors or warnings in the console.

The application must be responsive :triangular_ruler:

More information about technical criteria : [Openclassrooms](https://openclassrooms.com/)

## Contributing :

_No contribution needed but you can use this repository._

If you wish to use or contribute to the project, follow these steps:point_down::

- Fork the project

- Create a feature branch

  > git checkout -b feature/NewFeature

- Commit your changes

  > git commit -m 'Add NewFeature'

- Push the branch

  > git push origin feature/AmazingFeature

- Open a pull Request

_[How to use Git?](https://docs.github.com/fr/get-started/using-git/about-git)_

## Contact :

[![github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/gtcore902)

[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/ga%C3%ABtan-tremois-a956a91a3)