HeroesSPA is a web application created with the intention of exploring and learning about React. In this application, you can view a list of some heroes from DC and Marvel. The main purpose of the project is to experiment with various functionalities and tools in React, such as:
- useReducer: Managing application state in a more complex way.
- Routing: Navigating between different views of the application.
- Private and Public Routes: Managing access to certain routes based on user authentication status.
- TypeScript: Utilizing static typing to improve code quality.
- ESLint Configurations: Maintaining a consistent and clean code standard.
- Simple Login: Implementation of a basic (hardcoded) login to simulate route protection and manage logged-in users.
- Heroes List: Viewing heroes from DC and Marvel.
- Protected Routes: Access to certain parts of the application only for authenticated users.
-
Clone the repository:
git clone https://github.com/JesusJimenezC/HeroesSPA.git
-
Navigate to the project directory:
cd HeroesSPA
-
Install the dependencies:
bun install
-
Start the application:
bun run dev
The application will be available at http://localhost:5173
.
- Open the application in your browser.
- Use the simple (hardcoded) login to access protected routes.
- Browse the list of heroes and explore the application's features.
This project is licensed under the MIT License. For more details, see the LICENSE file.
Jesús Jiménez - [email protected]
Project Link: HeroesSPA - Demo