MCPcopy Create free account
hub / github.com/Nahuel61920/30-React-projects-in-30-days

github.com/Nahuel61920/30-React-projects-in-30-days @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
110 symbols 323 edges 143 files 0 documented · 0% ● updated 3y ago★ 62

Browse by type

⨍ Functions 109◇ Types & classes 1
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

30 React projects in 30 days

## 📝 About 30 React projects in 30 days is a project that aims to improve coding skills using React. ## 🎯 Goal 30 React projects in 30 days challenge aims to improve learning about the React frameworks, using the libraries provided by NPM. A challenge created by [Nahuel61920](https://github.com/Nahuel61920), ## 🗒 Challenges - [Day 01 - Touch Slider](#id01) - [Day 02 - React Navbar](#id02) - [Day 03 - Animations](#id03) - [Day 04 - Accordion](#id04) - [Day 05 - Particles](#id05) - [Day 06 - Typed](#id06) - [Day 07 - Spinners](#id07) - [Day 08 - Scroll To Top](#id08) - [Day 09 - Dark Mode](#id09) - [Day 10 - Modal](#id10) - [Day 11 - Digital Clock](#id11) - [Day 12 - PDF Generator](#id12) - [Day 13 - Memorama react](#id13) - [Day 14 - Lazy Loading](#id14) - [Day 15 - Excel in React](#id15) - [Day 16 - Color Generator](#id16) - [Day 17 - Lorem ipsum Generator](#id17) - [Day 18 - Grocery list](#id18) - [Day 19 - BMI Calculator](#id19) - [Day 20 - QR Generator](#id20) - [Day 21 - Gifs App](#id21) - [Day 22 - Git Users](#id22) - [Day 23 - Step Form](#id23) - [Day 24 - Graphics ChartJS](#id24) - [Day 25 - React Bootstrap](#id25) - [Day 26 - React Auth0](#id26) - [Day 27 - React Paginate](#id27) - [Day 28 - React Paginate](#id28) ## Day 01 - Touch Slider day01 - [Repository](https://github.com/Nahuel61920/Touch-slider) ## Day 02 - React Navbar day02 - [Repository](https://github.com/Nahuel61920/React-navbar) ## Day 03 - Animations day03 - [Repository](https://github.com/Nahuel61920/Animations) ## Day 04 - Accordion day04 - [Repository](https://github.com/Nahuel61920/Accordion) ## Day 05 - Particles day05 - [Repository](https://github.com/Nahuel61920/Particles) ## Day 06 - Typed day06 - [Repository](https://github.com/Nahuel61920/Typed) ## Day 07 - Spinners day07 - [Repository](https://github.com/Nahuel61920/Spinners) ## Day 08 - Scroll To Top day08 - [Repository](https://github.com/Nahuel61920/ScrollToTop) ## Day 09 - Dark Mode day09 - [Repository](https://github.com/Nahuel61920/Dark-Mode-React) ## Day 10 - Modal day10 - [Repository](https://github.com/Nahuel61920/Modal-React) ## Day 11 - Digital Clock day11 - [Repository](https://github.com/Nahuel61920/Digital-Clock) ## Day 12 - PDF Generator day12 - [Repository](https://github.com/Nahuel61920/PDF-Generator) ## Day 13 - Memorama React day13 - [Repository](https://github.com/Nahuel61920/Memorama-react) ## Day 14 - Lazy Loading day14 - [Repository](https://github.com/Nahuel61920/Lazy-Loading) ## Day 15 - Excel in React day15 - [Repository](https://github.com/Nahuel61920/Excel-in-React) ## Day 16 - Color Generator day16 - [Repository](https://github.com/Nahuel61920/Color-Generator) ## Day 17 - Lorem ipsum generator day17 - [Repository](https://github.com/Nahuel61920/Lorem-ipsum-generator) ## Day 18 - Grocery list day18 - [Repository](https://github.com/Nahuel61920/Grocery-list) ## Day 19 - BMI Calculator day19 - [Repository](https://github.com/Nahuel61920/BMI-Calculator) ## Day 20 - QR Generator day20 - [Repository](https://github.com/Nahuel61920/QR-Generator) ## Day 21 - Gifs App day21 - [Repository](https://github.com/Nahuel61920/Gifs-App) ## Day 22 - Git Users day22 - [Repository](https://github.com/Nahuel61920/Git-Users) ## Day 23 - Step Form day23 - [Repository](https://github.com/Nahuel61920/Step-Form) ## Day 24 - Graphics ChartJS day24 - [Repository](https://github.com/Nahuel61920/Graphics-ChartJS) ## Day 25 - React Bootstrap day25 - [Repository](https://github.com/Nahuel61920/React-Bootstrap) ## Day 26 - React Auth0 day26 - [Repository](https://github.com/Nahuel61920/React-Auth0) ## Day 27 - React Paginate day27 - [Repository](https://github.com/Nahuel61920/React-Paginate) ## Day 28 - Cloudinary React day28 - [Repository](https://github.com/Nahuel61920/Cloudinary-React)

Core symbols most depended-on inside this repo

Shape

Function 109
Class 1

Languages

TypeScript100%

Modules by API surface

Challenges/Day-18/src/App.js6 symbols
Challenges/Day-13/src/App.js6 symbols
Challenges/Day-19/src/App.js3 symbols
Challenges/Day-15/src/App.js3 symbols
Challenges/Day-14/src/Components/useLazyLoad.js3 symbols
Challenges/Day-11/src/App.js3 symbols
Challenges/Day-02/src/Components/Navbar/Navbar.js3 symbols
Challenges/Day-28/src/App.js2 symbols
Challenges/Day-21/src/hooks/useApi.js2 symbols
Challenges/Day-21/src/components/AddCategory.jsx2 symbols
Challenges/Day-20/src/components/QR.jsx2 symbols
Challenges/Day-20/src/components/Accordion.jsx2 symbols

For agents

$ claude mcp add 30-React-projects-in-30-days \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page