App to search Unsplash, Pexels and Pixabay for free images and to organize, edit and download them
Dirk_Zukunft.mp4
Clone this repo and run npm install to install all the dependencies.
Add a .env file to the root of the project and add the following content:
PORT=3001
KEY_PEXELS={Pexels API Key}
KEY_UNSPLASH=Client-ID {Unsplash API Key}
KEY_PIXABAY={Pixabay API Key}
DB_URI=mongodb+srv://...
HASH_PEPPER={Random string for password hashing pepper in addition to Argon2id}
JWT_SECRET={JSON Web Token Secret}
Run npm run dev to start the server at http://localhost:3001, the client at http://localhost:3000 and storybook at http://localhost:6006.
A production build can be built with npm run build.
- Vite
- Husky
- Storybook
- React
- React Router
- React Query
- Node.js
- Express.js
- MongoDB with MongoDB Atlas
- Axios
- Argon2id
- JSON Web Token
- Sharp
- Typescript
- CSS Modules
- Masonry Layout with self-built infinite scrolling
- ...