# My First react project after finishing the course

**URL:** https://forum.kirupa.com/t/my-first-react-project-after-finishing-the-course/639099
**Category:** web dev
**Created:** [December 8, 2018, 3:33pm UTC](https://forum.kirupa.com/t/my-first-react-project-after-finishing-the-course/639099 "2018-12-08T15:33:32Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Douara](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/douara/32/9399_2.png) [@Douara](https://forum.kirupa.com/u/Douara)
#### Post date: [December 8, 2018, 3:33pm UTC](https://forum.kirupa.com/t/my-first-react-project-after-finishing-the-course/639099/1 "2018-12-08T15:33:32Z")

</div>

**Hi,**

After I finished the first part of **Kirupa** React course, I applied what I learned in this simple react project ( Shopping Cart ):

> **[DOUARA/React-Shopping-Cart](https://github.com/DOUARA/React-Shopping-Cart)**
>
> Contribute to DOUARA/React-Shopping-Cart development by creating an account on GitHub.

I don’t know if I am doing it right and if my code looks clean or not, I hope I get reviews that will help me to improve

Thanks in advance 🙂

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 9, 2018, 9:20pm UTC](https://forum.kirupa.com/t/my-first-react-project-after-finishing-the-course/639099/2 "2018-12-09T21:20:46Z")

</div>

This is really nicely done! 🙂

One question. Why do you wrap your main entry component inside a fragment in index.js?

---

<div class="post-metadata">

### Author: ![Douara](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/douara/32/9399_2.png) [@Douara](https://forum.kirupa.com/u/Douara)
#### Post date: [December 10, 2018, 4:28pm UTC](https://forum.kirupa.com/t/my-first-react-project-after-finishing-the-course/639099/3 "2018-12-10T16:28:16Z")

</div>

Thank you for your reply 💓.  
I just get used to adding it to the render’s component method where a wrapper is required, I thought it was the same for the DOM render method 😋

I made an update on the project:  
1- provided docker-compose file to facilitate deployment  
2- provided a live preview here: [https://shopping-cart.douara.me/](https://shopping-cart.douara.me/)

😀😀
