Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin volutpat pulvinar velit, id consequat velit suscipit sit amet. Morbi molestie enim at tortor vestibulum vulputate nec non est. Cras vulputate consectetur urna, ut condimentum elit tincidunt a. Suspendisse bibendum libero mauris, et venenatis neque consequat sed. Suspendisse posuere eleifend ex et lacinia. Praesent vel risus quis orci ornare consectetur suscipit eget quam.
(Click on the image below for live demo)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque accumsan dolor risus, ac fermentum eros euismod quis. Curabitur eu pulvinar justo. Fusce luctus risus eu maximus viverra. Cras varius leo est, eget egestas arcu congue vel. Vivamus non posuere nunc. Aenean tempor ligula sed augue efficitur, quis venenatis odio sodales. Fusce sollicitudin lacus et risus scelerisque, in ullamcorper orci rutrum. Nullam pulvinar, urna non volutpat congue, leo libero pellentesque quam, non molestie leo sem nec sem. Morbi ac elit ante. Donec aliquet lacinia enim, id sollicitudin tortor gravida vel. Etiam a justo eu nibh bibendum vehicula a a ex. Praesent ornare pulvinar erat.
In hac habitasse platea dictumst. Etiam diam dolor, vestibulum suscipit justo vel, ornare scelerisque sapien. Maecenas quis massa dui. Aliquam erat volutpat. Vestibulum faucibus gravida sapien. Sed interdum ipsum ex, id sodales sem ullamcorper vel. Duis ornare ante tellus, sed dignissim lectus tristique et. In vitae imperdiet nisi, sed convallis nulla. Curabitur efficitur maximus tortor, nec gravida neque molestie a. Ut et dignissim nibh, vitae rutrum ex. Aenean ullamcorper non magna quis consequat. Quisque porta placerat tortor, non porta quam vulputate in. Quisque hendrerit arcu eu leo rutrum, sodales condimentum purus dictum.
Donec erat erat, vulputate quis elit vulputate, euismod suscipit lectus. Donec mollis at justo vulputate congue. Fusce faucibus felis vitae sem consectetur, non faucibus justo condimentum. Nam euismod lacus quis mauris dapibus, id tempus dolor imperdiet. Aliquam neque ligula, mattis eu convallis id, facilisis non ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam ultricies condimentum purus tincidunt pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam tempus diam sed imperdiet pharetra. Sed cursus accumsan turpis, eget iaculis ligula venenatis at. Fusce efficitur vehicula urna. Donec gravida aliquet purus nec posuere. In nec malesuada sapien.
This section lists all the technologies that I used to built this project.
- Clone the repo
$ git clone https://github.com/yuvrajverma01/Dev-Circle-React-App.git
- Install NPM packages
$ npx create-react-app my-app
- Change the directory
$ cd my-app
The file structure of the current project is structured as shown below:
my-app
├── public
| ├── images ── 45 svg icons
| ├── favicon.png
| ├── index.html
| ├── manifest.JSON
| └── robots.txt
|
├── src
| ├── actions
| | ├── actionType.js
| | └── index.js
| |
| ├── components
| | ├── Header.js
| | ├── Home.js
| | ├── Leftside.js
| | ├── Login.js
| | ├── Main.js
| | ├── PostModal.js
| | └── Rightside.js
| |
| ├── reducers
| | ├── articleReducer.js
| | ├── index.js
| | └── userReducer.js
| |
| └── store
| └── store.js
|
├── App.js
├── App.css
├── firebase.js
├── index.js
└── index.css
Made with ❤ by Yuvraj Verma.