Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samiraliyev64/marvel
⍟ A simple and efficient website to help you explore the Marvel universe.
https://github.com/samiraliyev64/marvel
axios css3 html5 javascript jquery scss slick-slider
Last synced: about 1 month ago
JSON representation
⍟ A simple and efficient website to help you explore the Marvel universe.
- Host: GitHub
- URL: https://github.com/samiraliyev64/marvel
- Owner: samiraliyev64
- Created: 2022-09-17T14:26:54.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-17T21:46:18.000Z (2 months ago)
- Last Synced: 2024-10-20T08:37:38.335Z (2 months ago)
- Topics: axios, css3, html5, javascript, jquery, scss, slick-slider
- Language: HTML
- Homepage: https://marvelworld.netlify.app/
- Size: 27.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⍟ Marvel
A simple and efficient website to help you explore the Marvel universe.
## 📦 Features
- Through the site, you can get detailed information about various Marvel characters across different categories, as well as films, games, comics, and accessories with various genres and prices. You can also learn interesting facts about the **Marvel** universe.
- **User-centered UI/UX** design and a **fully responsive** site suitable for all devices (mobile phones, tablets, laptops, and desktops).
- I integrated Slick.js technology to create a responsive slider in my project.
- I followed key coding principles such as **Clean Design**, **User-Friendly Navigation**, **SEO-friendly**, and **Clean Code**. Additionally, I used the **BEM** methodology for CSS and the **4-1 pattern** for the SCSS folder structure.
- I utilized various **animations** and **transitions** created with CSS in the card designs.
- In the statistics and gaming sections, I implemented the **Load** and **Typewriter** effects using **jQuery** and vanilla **JavaScript**.
## 📚 Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## ⚙️ Installation
1. Clone the repository:
```bash
git clone https://github.com/samiraliyev64/Marvel.git
2. Navigate to the project directory:
```bash
cd Marvel
3. Open index.html in your browser.
## ✨ Usage
1. **Visit the Website**: Go to [Marvel](https://marvelworld.netlify.app/).
2. **Explore the Universe**: Use the navigation menu to explore different characters, movies, comics, games and accessories.
## 🤝 Contributing
I welcome contributions to Marvel! To contribute, please follow these steps:
1. **Fork the repository**:
```bash
git clone https://github.com/samiraliyev64/Marvel.git
2. **Create your feature branch:**
```bash
git checkout -b feature/YourFeature
3. **Make your changes.**
4. **Commit your changes**:
```bash
git commit -m 'Add some awesome feature'
5. **Push to the branch**:
```bash
git push origin feature/YourFeature
6. **Open a pull request on GitHub.**
```bash
git commit -m 'Add some awesome feature'
## 📄 License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.