A single repository for all my mini projects I developed during learning React.
Creating individual repository for individual projects is fine. But this is why I created a single repo for these projects:
- Project scope were too small
- They were created in my learning phase
- Having a individual repo for every small project might have been oerwhelming (since they were small)
So I decided to have them inside a single repository. I followed John Smigla's react project tutorial uploaded on FreeCodeCamp and made a few changes as I learnt.
I did not just copy pasted his code to build my projects. I watched his work, understood it myself, and code without looking. Of course took help whenever I was stuck for a lont time.
And that's not it! I entirely built this using Tailwind CSS, since I wanted to improve it anyway.
| No. | Project Name | Level | Concepts | GitHub Link | Live Demo |
|---|---|---|---|---|---|
| 01 | Birthday reminder | Beginner | useState |
# | # |
| 02 | Tours View | Beginner | useState useEffect APIs |
# | # |
| 03 | Reviews Display | Beginner | useState |
# | # |
| 04 | Accordion | Beginner | useState |
# | # |
| 05 | Menu | Intermediate | useState |
# | # |
| 06 | Tabs | Intermediate | useState |
# | # |
| 07 | Slider | Hard | useState |
# | # |
| 08 | Lorem Ipsum Generator | Intermediate | useState |
# | # |
| 09 | Color genarator | Intermediate | useState |
# | # |
| 10 | Grocery Bud | Hard | useState, useEffect, Context API, useReducer |
# | # |
| 11 | Sidebar | Hard | useState |
# | # |
| 12 | Stripe Homepage | Hard | useState useEffect useReducer |
# | # |
| 13 | Cart | Hard | useState |
# | # |
| 14 | Cocktail | hard | useState |
# | # |
| 15 | Navbar | Intermediate | useState |
# | # |
- React js
- that's it!
- fork
- clone
npm inpm start