Moodboard app

A PWA moodboard app in React ⚛️

Deployed on Netlify 🚀

URL: https://moodboard.codebynao.tech

(don't forget to check this in a mobile format if you don't want to be shocked by the non-responsive design)

I used the Pexels API for the photos

📸 Preview of the app

Feed with a search bar

Save a photo to a moodboard

Moodboards page

⚙️ Prerequisites

To run the project locally, you'll need to get Pexels API Key in order to fetch the photos for the app

🚀 Quick start

1. Clone the git repository

# cloning git repository into a new `moodboard` folder
git clone https://github.com/codebynao/moodboard-app.git moodboard

# install project dependencies
cd moodboard && npm install

2. Setup Environment variables

REACT_APP_API_BASE_URL=https://api.pexels.com/v1
REACT_APP_API_KEY=xxxxx
REACT_APP_LOGIN_URL=xxxxx

3. Start Developing

Development version

npm start

Production version

npm run build

4. Checkout the project!

Project is running at http://localhost:3000

✏️ Author

Naomi Paulmin - @codebynao

📬 Contact

✉️	naomi.paulmin@gmail.com