Joowal

Joowal merupkan website sederhana yang menampilkan list photo dengan fitur tambahan download & pencarian. Selain dari itu tujuan dari pembuatan website ini untuk mencoba menyembunyikan api key dari network tab tanpa menghilangkan fitur utama yaitu infinite scroll.

View Demo

Built With

• Next JS
• Chakra UI
• React Infinite Scroll Component

Getting Started

Setup .env example

Create .env file in your root project folder.

NEXT_PUBLIC_API_KEY=api_key_pexels_kamu (https://www.pexels.com/api/documentation)
NEXT_PUBLIC_MAIN_URL=http://localhost:3000/

Installation

1. Clone the repo

git clone https://github.com/joonacode/joowal.git

2. Install NPM packages

npm install or yarn install

3. Run project

npm run dev or yarn dev

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

joonacode@gmail.com

Project Link: https://github.com/joonacode/joowal

Acknowledgements

• js-file-download
• js-cookie