Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/solrachix/ask-me-bro

Every question has an answer. Learn and share knowledge with others. Askmebro.
https://github.com/solrachix/ask-me-bro

firebase letmeask next nextjs nlw nlw-6 react rocketseat

Last synced: 1 day ago
JSON representation

Every question has an answer. Learn and share knowledge with others. Askmebro.

Awesome Lists containing this project

README

        



Ask Me Bro Logo

Every question has an answer. Learn and share knowledge with others. Initially by Rocketseat.



Made by Carlos Miguel


Carlos Miguel


Carlos Miguel

Repository size






GitHub last commit

License



Stargazers



Ask Me Bro Logo

---

## πŸ”– Layout

You can view the project layout through the links below:

- [Layout Web](https://www.figma.com/file/u0BQK8rCf2KgzcukdRRCWh/Letmeask/duplicate)

Remembering that you need to have a [Figma](http://figma.com/) account to access it.

## πŸš€ Getting Started

### Prerequisites

- To run any ReactJS application you need to configure the environment on your machine.

- Setting the environment is a simple process, so it's recommended to follow the Rocketseat guide which is currently the most complete and detailed to make the settings:

#### [**Rocketseat Guide**](https://www.notion.so/Configura-es-do-ambiente-React-76f2963a042f45b9b9b567a2795945b8)

### Clone

- Clone this repo to your local machine using:

```
https://github.com/solrachix/ask-me-bro
```

### Setup

- Install project dependencies;
- ```javascript
yarn install
// or
npm install
```
- Run project in development mode;

- ```javascript
yarn dev
// or
npm run dev
```

- Be Happy! πŸ˜†

---

## βš” Challenges

- [ ] Create Documentation
- [ ] GIF
- [ ] Example Video
- [x] Awesome Readme
- [x] Techs used
- [x] Project Setup
- [X] Features
- [x] Pages Prints
- [x] Improve Styles
- [X] Styled components styling
- [x] Few adjustments to make the style equal to the layout
- [x] Add Media queries
- [x] Create Theme Switcher
- [x] Create Dark Theme
- [x] Add PWA Feature
- [x] Add integration with Twitch

---

## πŸ“‹ Features

### Build with

- [ReactJS](https://reactjs.org/) - A JavaScript library for building user interfaces
- [Typescript](https://www.typescriptlang.org/) - TypeScript is an open-source language which builds on JavaScript, one of the world’s most used tools, by adding static type definitions.
- [Next.JS](https://nextjs.org/) - Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
- [Firebase](https://firebase.google.com) - Firebase is a Backend-as-a-Service β€” BaaS β€” that started as a YC11 startup and grew up into a next-generation app-development platform on Google Cloud Platform.

---

## πŸ€” Contributing

> To get started...

### Step 1

- 🍴 Fork this repo!

### Step 2

- πŸ‘― Clone this repo to your local machine using `https://github.com/solrachix/ask-me-bro`

### Step 3

- πŸŽ‹ Create your feature branch using `git checkout -b my-feature`

### Step 4

- βœ… Commit your changes using `git commit -m 'feat: My new feature'`;

### Step 5

- πŸ“Œ Push to the branch using `git push origin my-feature`;

### Step 6

- πŸ”ƒ Create a new pull request

After your Pull Request is merged, can you delete your feature branch.

---

## πŸ“Œ Support

Reach out to me at one of the following places!

- Linkedin at [Carlos Miguel](https://www.linkedin.com/in/carlos-miguel-380413197)
- Instagram [Solrachix](https://www.instagram.com/solrachix)

---

## πŸ“ License
License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---

Made by Carlos Miguel with πŸ’™ Enjoy it!