https://github.com/rysth/es6-capstone-unsplash
ES6 Capstone Unsplash is an application where users can find different images provided by the Unsplash API and comment on them. Built with HTML, CSS, and JavaScript.
https://github.com/rysth/es6-capstone-unsplash
Last synced: over 1 year ago
JSON representation
ES6 Capstone Unsplash is an application where users can find different images provided by the Unsplash API and comment on them. Built with HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/rysth/es6-capstone-unsplash
- Owner: Rysth
- License: other
- Created: 2023-08-01T15:14:52.000Z (almost 3 years ago)
- Default Branch: development
- Last Pushed: 2023-08-04T21:58:24.000Z (almost 3 years ago)
- Last Synced: 2025-02-07T23:47:00.408Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://rysth.github.io/ES6-Capstone-Unsplash/dist
- Size: 1.29 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [Future Features](#future-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Test](#test)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**ES6 Capstone Unsplash** is an application where users can find different images provided by the [Unsplash API](https://picsum.photos/) and comment on them. Built with HTML, CSS, and JavaScript.
Client
- Display a lot of different images.
- Comment on each individual image.
- You can like images, you really appreciate them!
- **Implement a CSS Preprocessor.**
- **Implement a Database**
### Take a Look
- [Live Demo Link](https://rysth.github.io/ES6-Capstone-Unsplash/dist)
To get a local copy up and running, follow these steps.
### Setup
To get a local copy up and running, follow these steps:
1. Clone the repository: `git clone https://github.com/RysthCraft/ES6-Capstone-Unsplash.git`
2. Navigate to the project directory: `cd ES6-Capstone-Unsplash`
3. Install the dependencies: `npm install`
4. Build the project: `npm run build`
5. Open `index.html` in your web browser.
Then, you will change everything you want!
### Test
In order to follow the Linters you could check them using this:
```
HTML Checker:
npx hint .
CSS Checker:
npx stylelint "**/*.{css,scss}"
JavaScript Checker:
npx eslint .
```
#### Note
Use at the end '--fix' to help you out with any error.
👤 **John - Rysth**
- GitHub: [@Rysth](https://github.com/RysthCraft)
- Linkedin: [@JohnPalacios](https://www.linkedin.com/in/john-palacios-rysth/)
👤 **Mohamed Gamaleldin**
- GitHub: [@MohamedGamaleldin](https://github.com/mohamedgamaleldin999999)
- Linkedin: [@MohamedGamaleldin](https://www.linkedin.com/in/mohammed-jamal-949366221/)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project feel free to watch it and take some features that will enhance your project
as well.
I would like to thank the Microverse Team for reviewing my code and making me a better
professional.
This project is [MIT](./LICENSE.md) licensed.