¿Alguna vez has querido construir algo pero no tenías idea de qué hacer? Así como los autores a veces tienen un "bloqueo de escritores", también ocurre con los desarrolladores. ¡Esta lista pretende resolver este problema de una vez por todas! ?
Estas aplicaciones son:
¡Esta no es solo una simple lista de proyectos, sino una colección que describe cada proyecto con suficiente detalle para que puedas desarrollarlo desde cero!
Cada proyecto tiene las siguientes características :
Los proyectos se dividen en tres niveles según el conocimiento y la experiencia necesarios para completarlos.
Nivel | Perfil de desarrollador |
---|---|
1 | Desarrolladores en las primeras etapas de su viaje de aprendizaje. Aquellos que normalmente se centran en la creación de aplicaciones orientadas al usuario. |
2 | Desarrolladores en una etapa intermedia de aprendizaje y experiencia. Se sienten cómodos con UI/UX, utilizando herramientas de desarrollo y creando aplicaciones que utilizan servicios API. |
3 | Desarrolladores que tienen todo lo anterior y están aprendiendo técnicas más avanzadas, como implementar aplicaciones backend y servicios de bases de datos. |
Nombre | Breve descripción | Nivel |
---|---|---|
Aplicación de juego de ajedrez | Una aplicación de juego de ajedrez para dos jugadores que utiliza JavaScript | 1-principiante |
10 interfaces de usuario | 10 interfaces de usuario que utilizan HTML, CSS y JavaScript | 1-principiante |
Audiolibro | PDF a audiolibro usando Python | 1-principiante |
Aplicación de reconocimiento facial | Reconocimiento facial + Asistencia usando OpenCV | 1-principiante |
Nombre | Breve descripción | Nivel |
---|---|---|
Aplicación de clonación de Airbnb | Una aplicación React para clonar la página de inicio de Airbnb | 2-Intermedio |
Aplicación de película TMDB | Una aplicación interactiva de Movie Database que utiliza ReactJS. | 2-Intermedio |
Aplicación de trabajos Github | Una aplicación de GitHub Jobs que utiliza React Hooks y Github API | 2-Intermedio |
Aplicación del tiempo | Aplicación meteorológica en React JS utilizando la API Open Weather Map | 2-Intermedio |
Generador de tarjetas de presentación | Un generador de tarjetas de presentación usando React JS | 2-Intermedio |
Reaccionar galería de fotos | Aplicación de galería de fotos usando React JS y Firebase | 2-Intermedio |
Aplicación Chat-Bot | Un Chat-Bot que puede responder a tus consultas usando Python | 2-Intermedio |
Motor de recomendación de películas | Un sistema de recomendación de películas que utiliza ML | 2-Intermedio |
Detección de fraude con tarjetas de crédito | Detección de fraude con tarjetas de crédito mediante ML | 2-Intermedio |
Rastreador de incendios forestales con React | Detección de incendios forestales mediante React, API de la NASA | 2-Intermedio |
Clon de Google Drive con React | Clon de Google Drive usando React, Firebase | 2-Intermedio |
Aplicación de fitness | Una aplicación de fitness que te envía nuevos entrenamientos por correo electrónico todos los días utilizando Python y HarperDB. | 2-Intermedio |
Nombre | Breve descripción | Nivel |
---|---|---|
Aplicación de clonación de Facebook | Una aplicación de clonación de Facebook usando React JS y Firebase | 3-Avanzado |
Clon de Netflix - Pila completa | Una aplicación de clonación de Netflix que utiliza la API TMDB | 3-Avanzado |
Aplicación de clonación de Instagram | Una aplicación de clonación de Instagram que usa React JS | 3-Avanzado |
Un rastreador de COVID-19 | Un rastreador de COVID-19 que utiliza React JS | 3-Avanzado |
Clon de Amazon de pila completa | Un clon de AMAZON de pila completa usando REACT JS | 3-Avanzado |
Aplicación de clonación Flipkart | Un clon Flipkart de pila completa usando MERN Stack | 3-Avanzado |
Solicitud de Votación - MERN | Una aplicación de votación que utiliza MERN Stack | 3-Avanzado |
Diario de viaje - MERN STACK | Aplicación de registro de viajes utilizando MERN Stack | 3-Avanzado |
Clon de discordia - MERN STACK | Aplicación Discord Clone usando MERN Stack | 3-Avanzado |
Clon de Messenger - MERN STACK | Aplicación Messenger Clone usando MERN Stack | 3-Avanzado |
Clon de Tik Tok - PILA MERN | Aplicación Tik Tok Clone usando MERN Stack | 3-Avanzado |
Clon de Robinhood | Clon de Robinhood usando React JS | 3-Avanzado |
Clon de LinkedIn | Clonar LinkedIn usando React JS | 3-Avanzado |
Clon de señal | Clonar señal usando React JS | 3-Avanzado |
Clon de Gmail | Clonar Gmail usando React JS | 3-Avanzado |
Aplicación de comercio electrónico | MongoDB, Reactjs, Nextjs | 3-Avanzado |
Mercado NFT de pila completa | Ethereum, Polygon y Next.js | 3-Avanzado |
Solicitud de factura | Vue 3, Vuex y Firebase | 3-Avanzado |
Clon de Twitter completo | Siguiente JS, Recoil JS, Tailwind CSS, Nextauth y Firebase | 3-Avanzado |
Nombre | Breve descripción | Nivel |
---|---|---|
Sitio de dominio como Godaddy | Sitio de dominio Web 3.0 como Godaddy | 2-Básico |
Clon de Amazon usando Solidity | Solidez, Ethers.js, React y Hardhat | 2-Básico |
Aplicación inmobiliaria como Zillow | Solidez, Ethereum, Casco, Reaccionar | 2-Básico |
TEMA | TUTOR |
---|---|
Tutorial de pila de MERN | Programador inteligente |
Tutorial de reacción JS | Campamento de código gratuito |
Tutorial de Django | Programador inteligente |
Reacción GraphQL de pila completa | Ben Awad |
Reaccionar proyectos | Adicto a la codificación |
Tutorial de PHP | CódigoConHarry |
Lista de reproducción de proyectos nativos de React | Por programadores |
Tutorial de marco de primavera | Aprenda el código con Durgesh |
Tutorial sobre JSP y servlets | Aprenda el código con Durgesh |
Sitio web de currículum y cartera de React JS | Salman Fazal |
5 proyectos de botas de primavera | Guías de Java |
100 días de Kubernetes | Anais Urlichs |
API GraphQL con .NET 5 y chocolate caliente | Jackson |
Microservicios .NET | Jackson |
Estamos planeando agregar más y más proyectos a este repositorio. ¡Para esto necesitamos tu ayuda! Descubra cómo contribuir a continuación. ?
También estamos planeando crear un sitio web donde pueda navegar fácilmente por todos los proyectos.
Cualquier contribución es muy apreciada. Puedes contribuir de dos maneras:
También puede agregar sus propios ejemplos a los proyectos una vez que los haya completado. ¡Te animo encarecidamente a que hagas esto, ya que mostrará a otros las cosas maravillosas que se construyeron! ?
Gracias a todas estas personas maravillosas. ¡Las contribuciones de cualquier tipo son bienvenidas!
¡Buscamos grandes contribuciones de todos los entusiastas del código abierto para hacer que este repositorio sea aún más grande! Siga los pasos mencionados en el archivo Contributing.md para obtener relaciones públicas exitosas.
Si la información de este repositorio fue útil para usted de alguna manera, asegúrese de darle una estrella, de esta manera otros podrán encontrarla y beneficiarse también. ¡Juntos podemos crecer y mejorar nuestra comunidad! ?
¿Tiene alguna sugerencia sobre cómo podríamos mejorar este proyecto en general? ¡Háganos saber! ¡Nos encantaría escuchar tus comentarios ❤!