My gallery photos created with Responsive image gallery and Data fetching with react suspense
Table of Contents
🏠 Homepage
✨ Demo
This project requires node and npm. Go check them out if you don't have them locally installed.
New this project was bootstrapped with Create React App.
# Clone this repository
git clone https://github.com/joellesenne/photos.git
# Open IDE
cd photos && code .
#Or
cd photos && webstorm .
# Install with NPM
npm install
# OR YARN
yarn install
# OR PNPM
pnpm install
Create file .env.development && .env.production
add REACT_APP_API_URL=https://api.example.com/file.json
learn more Adding custom environment variables
# Run with react.js
npm start
# Or
env-cmd -f .env.development react-scripts start
=> browse to http://localhost:3000/
🎉 have fun
- React - Library used
👤 Joël Lesenne
- Website: https://joellesenne.dev
- X (Twitter): @joellesenne
- mastodon: @joellesenne
- Github: @joellesenne
- Codepen : @joellesenne
- LinkedIn: @joellesenne
Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.
Give a ⭐️ if this project helped you!
Copyright © 2024 Joël Lesenne.
This project is MIT licensed.
- React
- Photo Gallery 2
- Data Fetching with React Suspense
- Writing CSS In 2023: Is It Any Different Than A Few Years Ago? — Smashing Magazine
- Being Picky about a CSS Reset for Fun & Pleasure
- Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
- A (more) Modern CSS Reset - Andy Bell
- How to create a responsive image gallery with CSS flexbox - LogRocket Blog
- ReactJs mapping array of items, onClick button always returns the last item of the array
- React dark mode switch with CSS and JavaScript.
- Effortlessly Elevate Your React Code with ESLint and Prettier: A Step-by-Step Guide for 2023
- color-scheme | CSS-Tricks
- ColorSpace
- OKLCH Color Picker & Converter