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 installCreate 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