Welcome to my personal collection of React and Next.js applications. This repository includes a wide variety of frontend and full-stack projects built with modern technologies like React, Next.js, TypeScript, Redux, Firebase, GraphQL, and even blockchain integrations.
The goal of this repository is to showcase real-world use cases, reusable patterns, and hands-on experience in building scalable, testable, and user-friendly applications.
- React.js / Next.js: SSR, static generation, custom hooks, component-driven architecture.
- Redux / Context API: State management strategies at scale.
- GraphQL: Apollo Client, mutations, and query integration.
- TypeScript: Strong typing and component safety.
- Firebase / MongoDB: Auth, real-time databases, and backend integration.
- Jest / Testing Library: Frontend testing.
- Styled Components / Tailwind / Bootstrap: Modern UI design.
- Blockchain: Frontend interfaces for smart contracts with Next.js.
| Project | Live Demo | Tech |
|---|---|---|
| QuickAI (AI SaaS App) | Client / Server | React, Node.js, Express, OpenAI, Tailwind, Clerk, Vercel |
| QuickGPT (AI Chat App) | Local | React 19, Vite, TailwindCSS 4, Context API, React Router |
| Pokémon App (React) | Netlify | React, Hooks |
| Pokémon App (Next.js) | Vercel | Next.js, SSG |
| Teslo Shop | Heroku | Next.js, MongoDB |
| MERN Calendar App | Heroku | React, Mongo, Express |
| RPS Game | Heroku | React, Redux, Mongo |
| Journal App | Netlify | React, Firebase |
| Heroes SPA | Netlify | React, Auth, Routing |
| Drinks App | Netlify | React, Context |
| Songs App | Netlify | Axios, Hooks |
| Crypto App | Netlify | React, Styled Components |
| Weather App | Netlify | React, API |
| Insurance Quote | Netlify | Hooks, Styled Components |
| Budget App | Netlify | Hooks |
| Appointments App | Netlify | Hooks, LocalStorage |
| GIFExpert App V2 | Netlify | Hooks, API |
| GIFExpert App V1 | GitHub Pages | Hooks, API |
| Movies App | Netlify | React, Class Components |
| Images App | Netlify | React, Pixabay API |
| Breaking Bad App | Netlify | API, Styled Components |
64-QuickGPT– AI-powered chat application with text and image generation capabilities. Features multi-chat management, dark/light theme, credits system, and community gallery. Built with React 19, Vite 7, TailwindCSS 4, and Context API.
32-color-button-tests– Testing basics with React Testing Library.32-react-testing-library-examples– UI tests with forms.dab-product-card– Unit tests for product UI.32-jest-examples,testing-store-app– Jest + CI integration.
35-react-redux,46-toolkit-redux,40-redux-ts– Examples using Redux Toolkit and TS.24-MERN_Task,39-auth-company-test– Task manager and auth flow with Redux.
09-calendar-app,34-calendar-appv2,49-calendar-backend-2022– Full MERN stack calendar.27-trello-clone,50-slack-clone,51-tik-tok-clone– UI clones with Firebase and styled-components.
54-graphql-projects,58-users-graphql,59-Lyrical-GraphQL– GraphQL client & backend.60-vehicle-reservation,62-blog-challenge– App challenges with testing & UI.52-next,26-react-typescript,33-my-storybook– Advanced setups, Storybook integration.
Projects consuming smart contracts and blockchain APIs:
git clone https://github.com/DanielGeek/react_proyects.git
cd [project-folder]
npm install
npm start