Project aims to create an image gallery app.
- We are adding a new project to our portfolios. So you and your colleagues have started to work on the project.
001-Image Gellery Project(folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── Picture.jsx
│ ├── pages
│ │ ├── Homepage.jsx
│ ├── helper
│ │ └── data.js
│ ├── styles
│ │ ├── style.css
│ ├── App.js
│ ├── index.js
└── package.json
To have a better understanding, you can check this sample app
Build an Image Gallery App using ReactJS.
-
HTML
-
CSS
-
JS
-
ReactJS
-
improve coding skills within HTML & CSS & JS & ReactJS.
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
-
Step 1: Create React App using
npx create-react-app image-gallery
-
Step 2: For images you can use
data.js
. -
Step 3: Push your application into your own public repo on Github
-
Step 4: Add project gif to your project and README.md file.
- You can add additional functionalities to your app.
☺ Happy Coding ✍