Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/emeraldknight-sp/react-mundo-invertido

A single-page website for the Stranger Things series made with React, SASS, CSS Modules, Google Firebase Firestore to work on styling diversification and improve other code writing skills.
https://github.com/emeraldknight-sp/react-mundo-invertido

css-modules firestore google-firebase google-firestore netflix react reactjs sass series stranger-things

Last synced: about 2 months ago
JSON representation

A single-page website for the Stranger Things series made with React, SASS, CSS Modules, Google Firebase Firestore to work on styling diversification and improve other code writing skills.

Awesome Lists containing this project

README

        

Project: Stranger Things


logo

This project revolves around crafting a dedicated website for the critically acclaimed series 'Stranger Things' on Netflix. Built with the powerful React.js framework and enhanced with polished styling using SASS and CSS Modules, the website delivers an engaging and informative journey into the mysterious world of Hawkins. The project showcases a modular architecture, refined design, and seamless navigation, providing users with an immersive experience into the supernatural tales and captivating characters of 'Stranger Things'.


Technologies   |   
Project   |   
Layout   |   
License

## 🔗 Links

[![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white)](https://instagram.com/davidalmeidadev)
[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://instagram.com/davidalmeidadev)
[![Brave](https://img.shields.io/badge/Portfolio-yellow?style=for-the-badge&logo=Brave&logoColor=white)](https://react-project-portfolio.vercel.app/)
[![Licence](https://img.shields.io/github/license/Ileriayo/markdown-badges?style=for-the-badge)](./LICENSE)

## 🚀 Tecnologies

This project was developed with the following technologies:

- HTML5, CSS3, JS ES6+
- [Node e Yarn](https://nodejs.org/)
- [React.js](https://react.dev/)
- [SASS](https://sass-lang.com/documentation/)
- [CSS Modules](https://github.com/css-modules/css-modules)
- [React-hot-toast](https://react-hot-toast.com/)
- [Typescript](https://www.typescriptlang.org/docs/)
- [Firebase](https://cloud.google.com/firestore/docs?hl=pt-br)

## 💻 Project

This is a single-page website project for programming beginners that has been improved to enhance technologies that have already been studied previously. The Stranger Things website has technologies such as React, SASS, CSS Modules, Google Firebase Firestore and features such as dark mode and integration with the NoSQL database to store data through a form.

In addition, there are also Typescript, Eslint, Prettier, Lint-staged and Husky as great tools to make the code cleaner, more coherent and cohesive for future maintenance that the application may have.

## 🏡 Get started

Installing project dependencies

```sh
yarn install
```

Application initialization

```sh
yarn start
```

Application build

```sh
yarn build
```

## 🔖 Layout

You can view the project layout by clicking [here](https://dribbble.com/shots/8359316-The-Mandalorian?utm_source=pinterest&utm_campaign=pinterest_shot&utm_content=The+Mandalorian&utm_medium=Social_Share).


layout

## 📝 License

This project is under the [MIT license](./LICENSE).