https://github.com/djimenezweb/djimenezweb

GitHub public profile
https://github.com/djimenezweb/djimenezweb

markdown

Last synced: 4 months ago
JSON representation

GitHub public profile

• Host: GitHub
• URL: https://github.com/djimenezweb/djimenezweb
• Owner: djimenezweb
• Created: 2022-11-28T15:37:46.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-09T13:58:25.000Z (5 months ago)
• Last Synced: 2024-12-09T14:47:09.560Z (5 months ago)
• Topics: markdown
• Homepage:
• Size: 3.94 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Hi! I'm Daniel

I'm an aspiring web developer based in Madrid, Spain. I'm currently looking for a job as a **React developer**. Find me at [LinkedIn](https://www.linkedin.com/in/djimenezweb)!

## Tech stack

[![react](https://img.shields.io/badge/-react-61dafb?logo=react&logoColor=black&style=for-the-badge)](https://react.dev/)

[![javascript](https://img.shields.io/badge/-javascript-f7df1e?logo=javascript&logoColor=black&style=for-the-badge)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

[![typescript](https://img.shields.io/badge/-typescript-3178C6?logo=typescript&logoColor=fff&style=for-the-badge)](https://www.typescriptlang.org/)

[![next.js](https://img.shields.io/badge/-next.js-000?logo=next.js&logoColor=white&style=for-the-badge)](https://nextjs.org/)

[![css](https://img.shields.io/badge/-css-1572B6?logo=css3&logoColor=white&style=for-the-badge)](https://developer.mozilla.org/en-US/docs/Web/CSS)

[![html](https://img.shields.io/badge/-html-e34f26?logo=html5&logoColor=white&style=for-the-badge)](https://developer.mozilla.org/en-US/docs/Web/HTML)

### Other tools I've used

[![framermotion](https://img.shields.io/badge/-framer%20motion-0055FF?logo=framer&logoColor=white&style=for-the-badge)](https://www.framer.com/motion/)

[![tailwind](https://img.shields.io/badge/-tailwind-06B6D4?logo=tailwindcss&logoColor=white&style=for-the-badge)](https://tailwindcss.com/)

[![shadcnui](https://img.shields.io/badge/-shadcn%2Fui-000?logo=shadcnui&logoColor=white&style=for-the-badge)](https://ui.shadcn.com/)

[![reactrouter](https://img.shields.io/badge/-react%20router-ca4245?logo=reactrouter&logoColor=white&style=for-the-badge)](https://reactrouter.com/en/main)

[![mongodb](https://img.shields.io/badge/-mongodb-47a248?logo=mongodb&logoColor=white&style=for-the-badge)](https://www.mongodb.com/)

[![mongoose](https://img.shields.io/badge/-mongoose-880000?logo=mongoose&logoColor=white&style=for-the-badge)](https://mongoosejs.com/)

[![prisma](https://img.shields.io/badge/-prisma-2D3748?logo=prisma&logoColor=fff&style=for-the-badge)](https://www.prisma.io/)

[![supabase](https://img.shields.io/badge/-supabase-3FCF8E?logo=supabase&logoColor=fff&style=for-the-badge)](https://supabase.com/)

[![firebase](https://img.shields.io/badge/-firebase-ffca28?logo=firebase&logoColor=black&style=for-the-badge)](https://firebase.google.com/)

[![cloudinary](https://img.shields.io/badge/-cloudinary-3448C5?logo=cloudinary&logoColor=fff&style=for-the-badge)](https://cloudinary.com/)

[![sass](https://img.shields.io/badge/-sass-cc6699?logo=sass&logoColor=white&style=for-the-badge)](https://sass-lang.com/)

[![styledcomponents](https://img.shields.io/badge/-styled%20components-db7093?logo=styledcomponents&logoColor=white&style=for-the-badge)](https://styled-components.com/)

[![cssmodules](https://img.shields.io/badge/-css%20modules-000?logo=cssmodules&logoColor=fff&style=for-the-badge)](https://github.com/css-modules)

[![node.js](https://img.shields.io/badge/-node.js-339933?logo=node.js&logoColor=white&style=for-the-badge)](https://nodejs.org/en)

[![express](https://img.shields.io/badge/-express-000?logo=express&logoColor=fff&style=for-the-badge)](https://expressjs.com/)

[![hono](https://img.shields.io/badge/-hono-e36002?logo=hono&logoColor=fff&style=for-the-badge)](https://hono.dev/)

[![stripe](https://img.shields.io/badge/-stripe-008CDD?logo=stripe&logoColor=fff&style=for-the-badge)](https://stripe.com/)

[![bem](https://img.shields.io/badge/-bem-000?logo=bem&logoColor=fff&style=for-the-badge)](https://getbem.com/)

[![vite](https://img.shields.io/badge/-vite-646cff?logo=vite&logoColor=white&style=for-the-badge)](https://vitejs.dev/)

[![npm](https://img.shields.io/badge/-npm-CB3837?logo=npm&logoColor=white&style=for-the-badge)](https://www.npmjs.com/)

[![reacthookform](https://img.shields.io/badge/-react%20hook%20form-ec5990?logo=reacthookform&logoColor=white&style=for-the-badge)](https://react-hook-form.com/)

[![prettier](https://img.shields.io/badge/-prettier-F7B93E?logo=prettier&logoColor=black&style=for-the-badge)](https://prettier.io/)

[![eslint](https://img.shields.io/badge/-eslint-4B32C3?logo=eslint&logoColor=white&style=for-the-badge)](https://eslint.org/)

[![jwt](https://img.shields.io/badge/-jwt-000000?logo=jsonwebtokens&logoColor=white&style=for-the-badge)](https://jwt.io/)

[![zod](https://img.shields.io/badge/-zod-3E67B1?logo=zod&logoColor=fff&style=for-the-badge)](https://zod.dev/)

[![maplibre](https://img.shields.io/badge/-maplibre-396CB2?logo=maplibre&logoColor=white&style=for-the-badge)](https://maplibre.org/)

[![fontawesome](https://img.shields.io/badge/-font%20awesome-528DD7?logo=fontawesome&logoColor=white&style=for-the-badge)](https://fontawesome.com/)

[![render](https://img.shields.io/badge/-render-46e3b7?logo=render&logoColor=white&style=for-the-badge)](https://render.com/)

[![vercel](https://img.shields.io/badge/-vercel-000?logo=vercel&logoColor=white&style=for-the-badge)](https://vercel.com/)

[![git](https://img.shields.io/badge/-git-F05032?logo=git&logoColor=fff&style=for-the-badge)](https://git-scm.com/)

[![github](https://img.shields.io/badge/-github-181717?logo=github&logoColor=fff&style=for-the-badge)](https://github.com/)

[![visualstudiocode](https://img.shields.io/badge/-vs%20code-007ACC?logo=visualstudiocode&logoColor=fff&style=for-the-badge)](https://code.visualstudio.com/)

## MERN Auth

Basic full stack authentication system built with **Express**, **MongoDB**, **React** and **shadcn/ui**.

- 🔗 Live demo: https://mern-auth-o1gw.onrender.com/

- 📄 Code: https://github.com/djimenezweb/mern-auth

[![MERN Auth](./images/mern-auth.png)](https://mern-auth-o1gw.onrender.com/)

## Flex Playground

An interactive CSS Flexbox playground made with **React**, **Framer Motion** and **Vite**.

- 🔗 Live demo: https://flex-playground.onrender.com/

- 📄 Code: https://github.com/djimenezweb/flex-playground

[![Flex Playground](./images/flex1.png)](https://flex-playground.onrender.com/)

## Darkroom Finder

Photography lab finder built with **Next.js**, **TypeScript**, **Tailwind**, **MongoDB**, and **Cloudinary**. With authentication, maps, paginated search and other features.

- 🔗 Live demo: https://darkroomfinder.vercel.app/

- 📄 Code: https://github.com/djimenezweb/darkroomfinder

[![Darkroom Finder](./images/darkroom1.png)](https://darkroomfinder.vercel.app/)

[![Darkroom Finder](./images/darkroom-multi.png)](https://darkroomfinder.vercel.app/)

## GWT Store

Online store made with **Next.js**, **TypeScript**, **Stripe**, and **Supabase**.

- 🔗 Live demo: https://gwt-store.vercel.app/

- 📄 Code: https://github.com/djimenezweb/gwt-store

[![GWT Store](./images/gwt1.png)](https://gwt-store.vercel.app/)

[![GWT Store](./images/gwt2.png)](https://gwt-store.vercel.app/)

## Bidder

An online auction single page application built with **React**, **React Router**, and **Firebase**.

- 🔗 Live demo: https://bidder.onrender.com/

- 📄 Code: https://github.com/djimenezweb/bidder

[![Bidder](./images/bidder1.png)](https://bidder.onrender.com/)

[![Bidder](./images/bidder2.png)](https://bidder.onrender.com/)

## Contact me

- [LinkedIn](https://www.linkedin.com/in/djimenezweb)