https://github.com/lsegg/heroes-spa

Single Page Application about super heroes.
https://github.com/lsegg/heroes-spa

react react-router react-spa

Last synced: about 1 month ago
JSON representation

Single Page Application about super heroes.

• Host: GitHub
• URL: https://github.com/lsegg/heroes-spa
• Owner: lsegg
• Created: 2024-10-17T19:51:32.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-06T01:32:15.000Z (over 1 year ago)
• Last Synced: 2025-03-03T09:43:20.095Z (over 1 year ago)
• Topics: react, react-router, react-spa
• Language: JavaScript
• Homepage: https://heroes-spa-drab.vercel.app/
• Size: 13.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Heroes (SPA)

Single Page Application about super heroes following the Udemy course [React: De cero a experto ( Hooks y MERN )](https://www.udemy.com/course/react-cero-experto) by [Fernando Herrera](https://github.com/Klerith).

## Built with 🛠️

- [Bootstrap](https://getbootstrap.com/) - feature-packed frontend toolkit.

- [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS) - Stylesheet language.

- [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) - Markup language.

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Programming language.

- [Jest](https://jestjs.io/) - JavaScript Testing Framework.

- [React](https://reactjs.org/) - A JavaScript library for building user interfaces.

- [React Router](https://reactrouter.com/) - React client side routing.

- [Vite](https://vitejs.dev/) - Frontend build tool.

## Features 📋

- Auth protection.

- Private and public routing.

- Last session url memory.

## Previews 👁️

Login

![login preview](https://github.com/lsegg/heroes-spa/blob/main/public/assets/login_preview.png?raw=true)

Search

![search preview](https://github.com/lsegg/heroes-spa/blob/main/public/assets/search_preview.png?raw=true)

Marvel heroes

![marvel heroes preview](https://github.com/lsegg/heroes-spa/blob/main/public/assets/marvel_preview.png?raw=true)

DC heroes

![dc heroes preview](https://github.com/lsegg/heroes-spa/blob/main/public/assets/dc_preview.png?raw=true)

Hero info

![hero info preview](https://github.com/lsegg/heroes-spa/blob/main/public/assets/hero_preview.png?raw=true)

## Requirements ⚙️

A text editor like [Visual Studio Code](https://code.visualstudio.com/).