Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kayke-fujinaka/mugiwaragram
🏴☠️ This project is a visual representation of an Instagram profile page
https://github.com/kayke-fujinaka/mugiwaragram
css html instagram onepiece
Last synced: 4 days ago
JSON representation
🏴☠️ This project is a visual representation of an Instagram profile page
- Host: GitHub
- URL: https://github.com/kayke-fujinaka/mugiwaragram
- Owner: Kayke-Fujinaka
- License: mit
- Created: 2022-02-09T01:50:10.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-26T19:52:35.000Z (over 1 year ago)
- Last Synced: 2024-04-15T01:59:17.150Z (7 months ago)
- Topics: css, html, instagram, onepiece
- Language: HTML
- Homepage: https://kayke-fujinaka.github.io/Instagram-OnePiece/
- Size: 12.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
🏴☠️ Instagram Clone
![Gif do Teste](./assets/gif.gif)
> The project is a test that simulates a healthy food recipe website. It includes a registration and login system.
Check the Application: https://kayke-fujinaka.github.io/MugiwaraGram/
## :page_facing_up: Explanation
This project is a visual representation of an Instagram profile page, but with a unique twist: it features characters from the popular manga and anime series, One Piece. The page includes a profile picture, a bio section, a list of posts with images and captions, and a sidebar with additional information. Each post is represented by a character from the One Piece universe, with their image and a caption that relates to their personality or story. The overall design is inspired by the theme of pirates and the world of One Piece, with a dark color scheme and bold typography. The project was created using HTML, CSS, and JavaScript, and it serves as a fun and creative way to showcase skills in web development while also appealing to fans of the One Piece franchise.
## :dart: Steps
:heavy_check_mark: Structure;\
:heavy_check_mark: Style;\
:heavy_check_mark: Responsiveness;## :rocket: Technologies
The following tools were used in this project:
- [HTML5](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/html/)
- [CSS3](https://developer.mozilla.org/pt-BR/docs/Web/CSS)## :closed_book: Requirements ##
Before starting, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed on your computer.
## :checkered_flag: Getting Started ##
```bash
# Clone this project
$ git clone https://github.com/Kayke-Fujinaka/HealthyFood
# Access
$ cd mugiwaragram
```## 🤝 Contributors
We want to thank the following people who contributed to this project:
## 📝 License
This project is under license. See the [LICENSE](LICENSE.md) file for more details.