Skip to content

Commit 4f51e14

Browse files
authored
Merge pull request #360 from jugeshraghav/instaclone
instagram homepage clone
2 parents 5234266 + 3535ba4 commit 4f51e14

23 files changed

+38673
-0
lines changed

Index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,3 +138,4 @@ I've used the concept of *Async functions* and *react hook usestate* also worked
138138
|[Lets Practice](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Lets-practice)| This webapp is basically for kids to practice addition, substraction, multiplication and division.
139139
| [Age Calculator](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Live%20Clock) |It is a simple Javascript project which calculates our age in years.
140140
|[Digital & Analog Clock](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Clock)| It is a simple project built using Javascript which has two clocks, one is Digital Clock and another one is Analog Clock.
141+
| [Insta Clone](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Instagram-clone) |It is a simple clone of instagram front page using react.

Instagram-clone/.gitignore

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# production
12+
/build
13+
14+
# misc
15+
.DS_Store
16+
.env.local
17+
.env.development.local
18+
.env.test.local
19+
.env.production.local
20+
21+
npm-debug.log*
22+
yarn-debug.log*
23+
yarn-error.log*

Instagram-clone/README.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Welcome 🖐 to Insta Clone
2+
It is a simple clone of instagram front page using react.
3+
4+
## Desktop view
5+
![Desktop view](./src/images/instaclone.png)
6+
7+
## 💻Tech Stack
8+
<br>
9+
10+
![React js](https://img.shields.io/badge/reactjs%20-%23E34F26.svg?&style=for-the-badge&logo=reactjs&logoColor=white)
11+
12+
13+
<br>
14+
15+
### How to get the clone on your local machine:
16+
17+
---
18+
19+
- Download or clone the repository
20+
21+
```
22+
git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
23+
```
24+
25+
- Go to the directory
26+
- open the terminal
27+
- run the following command to install node modules
28+
```
29+
npm install
30+
```
31+
- then run the following command to start the server
32+
```
33+
npm start
34+
```
35+
36+
37+
## Happy Coding!

0 commit comments

Comments
 (0)